第一次自己成功写成的js程序
今天有点小鸡动写了一个个人js史上的第一个功能信js插件感觉做完之后特别有成就感!要得就是这种感觉啊下面我把代码贴出来欢迎吐槽
<!DOCTYPE html> <html xmlns=http://www.w3.org/1999/xhtml> <script type="text/javascript" src="../jquery-1.9.1.min.js"></script> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta name="Keywords" content=""/> <meta name="Description" content=""/> <style type="text/css"> *{padding:0;margin:0;} .box{width: 700px;margin: 0 auto;border: solid 2px gray;} .hd{height: 50px;position: relative;} .week{height: 50px;border-top:solid 1px gray;} .week span{float: left;width:100px;height: 50px;line-height:50px;text-align:center;width:100px;} .left{position: absolute;width: 100px;height: 50px;line-height: 50px;left:0;top:0;cursor:pointer;} .year{position: absolute;width: 500px;height: 50px;line-height: 50px;text-align: center;left:100px;top:0;} .right{position: absolute;width: 100px;height: 50px;line-height: 50px;right:0;top:0;cursor:pointer;} .day{overflow: hidden;list-style:none;} .day li{float: left;width: 100px;height: 100px;text-align: center;line-height: 100px;font-size: 30px;} .no{background: #ededed;color: gray;} </style> </head> <body> <div class="box"> <h1 class="hd"> <i class="left">Left</i> <i class="year"></i> <i class="right">Right</i> </h1> <p class="week"> <span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span> </p> <ul class="day"> </ul> </div> </body> </html> <script type="text/javascript"> $(function(){ var time = new Date(); var nYear = time.getFullYear(); var nMonth = time.getMonth()+1; creatTable(nYear,nMonth); $('.left').click(function(){ nMonth--; if(nMonth==0){ nYear--; nMonth = 12; } creatTable(nYear,nMonth); }); $('.right').click(function(){ nMonth++; if(nMonth == 13){ nYear++; nMonth = 1; } creatTable(nYear,nMonth); }); function creatTable(_year,_month){ var dayNub = 0; var day30 = [4,6,9,11]; var day31 = [1,3,5,7,8,10,12]; if(inArray(day30,_month)){ dayNub = 30; }else if(inArray(day31,_month)){ dayNub = 31; }else{ if(nYear%4 == 0 && nYear%100 != 0 && nYear%400 ==0){ dayNub = 29; }else{ dayNub = 28; } } $('.year').html(_year+'/'+_month); $('.day').html(''); for(var i=0;i<7;i++){ var firstWeek = compute(_year,_month); if(i<firstWeek){ $('.day').html($('.day').html()+'<li></li>'); } }; for(var i=1;i<=dayNub;i++){ $('.day').html($('.day').html()+'<li>'+i+'</li>'); } function compute(_year,_month){ var day = new Date(Date.parse(_year+'/'+_month+'/'+1)); //将日期值格式化 return day.getDay(); //返一个星期中的某一天,其中0为星期日 }; function inArray(attr,value){ for(var i in attr){ if(attr[i] == value){ return true; }; }; return false; }; } }); </script>