AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JavaScript制作简单的日历效果

51自学网 http://www.wanshiok.com
JavaScript制作日历,JavaScript制作日历

本文实例为大家分享了

<!DOCTYPE html><html>  <head>    <meta charset="gb2312">    <title></title>  </head>  <body>    <script>             document.write("<table>");      document.write("<th colspan='7'>2016年3月</th>");      document.write("<tr id='titleCss'>");      document.write("<td>日</td>");      document.write("<td>一</td>");      document.write("<td>二</td>");      document.write("<td>三</td>");      document.write("<td>四</td>");      document.write("<td>五</td>");      document.write("<td>六</td>");      document.write("</tr>");      var num=1;//     for(var i=0;i<5;i++){//       document.write("<tr>");//       //       for(var j=0;j<7;j++){//         if(i==0 && j<2) document.write("<td></td>");//         else if(i==4 && j>=5) document.write("<td></td>");//         else document.write("<td>" + num++ +"</td>");  //       }//       document.write("</tr>");//     }      document.write("<tr>");      document.write("<td></td>");      document.write("<td></td>");      for(var i=3;i<=33;i++){        document.write("<td>" + num++);        if((i%7)==0) document.write("</td></tr><tr>");        else document.write("</td>");      }      document.write("<td></td>");      document.write("<td></td>");      document.write("</tr>");      document.write("</table>");    </script>  </body></html>

效果图:

希望本文所述对大家学习javascript程序设计有所帮助。


JavaScript制作日历,JavaScript制作日历  
上一篇:使用jquery.qrcode.min.js实现中文转化二维码  下一篇:js滑动提示效果代码分享