JavaScript制作簡單的日歷效果
更新時間:2016年03月10日 16:54:25 作者:現(xiàn)實篇
這篇文章主要為大家介紹了JavaScript制作簡單的日歷效果實現(xiàn)代碼,感興趣的小伙伴們可以參考一下
本文實例為大家分享了
<!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>
效果圖:
希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。
相關(guān)文章
Javascript數(shù)組的排序 sort()方法和reverse()方法
JavaScript提供了sort()方法和reverse()方法,使得我們可以簡單的對數(shù)組進行排序操作和逆序操作2012-06-06微信小程序MUI側(cè)滑導(dǎo)航菜單示例(Popup彈出式,左側(cè)不動,右側(cè)滑動)
這篇文章主要介紹了微信小程序MUI側(cè)滑導(dǎo)航菜單,結(jié)合實例形式分析了微信小程序Popup彈出式,左側(cè)不動,右側(cè)滑動菜單相關(guān)實現(xiàn)技巧與注意事項,需要的朋友可以參考下2019-01-01javascript實現(xiàn)youku的視頻代碼自適應(yīng)寬度
這篇文章主要介紹了javascript實現(xiàn)youku的視頻代碼自適應(yīng)寬度的方法的示例,十分的簡單實用,有需要的小伙伴可以參考下。2015-05-05腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級推薦
[紅色]腳本之家貼圖轉(zhuǎn)換+轉(zhuǎn)貼工具用到的js代碼超級推薦...2007-04-04