首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery good年历练习-20130731

2013-08-04 
jQuery good日历练习-20130731一、效果及功能说明 模仿good日历自己来完成一个日历的所有效果二、我的想法 1

jQuery good日历练习-20130731
一、效果及功能说明

模仿good日历自己来完成一个日历的所有效果


二、我的想法

1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来

2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几

三、效果图




四、代码

<!DOCTYPE html><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="css/backmanage_login.css" /><script language="javascript" type="text/javascript" src="http://www.jsfoot.com/skin/js/jquery.js"></script><script language="javascript" type="text/javascript">$(document).ready(function(){//定义方法setInterval(showTime, 100);//定义出现时间function timer(obj,txt){//定义直接可以写入的方法         obj.text(txt);         //进入html里    }    function showTime(){      //定义获得年月日和星期的方法      var today = new Date();//定义参数 新建一个获得年月份的方法        var weekday=new Array(7)        //定义参数 新建一个数组        weekday[0]="星期一"        weekday[1]="星期二"        weekday[2]="星期三"        weekday[3]="星期四"        weekday[4]="星期五"        weekday[5]="星期六"        weekday[6]="星期日"        //里面放有星期1到星期日        var month=new Array(12)        //定义参数 新建一个数组month[0]="1"month[1]="2"month[2]="3"month[3]="4"month[4]="5"month[5]="6"month[6]="7"month[7]="8"month[8]="9"month[9]="10"month[10]="11"month[11]="12"    //里面有代表12个月份                                          var y=today.getFullYear()+"年";        //定义参数 获得当前的年份        var month=month[today.getMonth()] +"月";        //定义参数 获得当前的月份        var td=today.getDate()+"日";        //定义参数 获得当前的多少号        var d=weekday[today.getDay() -1];        //定义参数 获得当前星期几    timer($("#aa"),y);    timer($("#ss"),month);    timer($("#dd"),td);    timer($("#ff"),d);    //让他们写入不同的p标签里面    }});</script></head><body><div class="date"><p id="aa"></p><p id="ss"></p><p id="dd"></p><p id="ff"></p></div></body></html>


(每天跟进更新把今天的写的东西和想法更新到上面)

热点排行