安裝： 步驟一 拷貝以下腳本後貼在有關網頁的<head>與</head>之間。 <style type="text/css"> body { background-color : #025B75; } div.hol { background-color : yellow; } table.inner { background-color : #ffffff; font-size : 8pt; } </style> <script type="text/javascript"> var months = ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]; var daycounts = [31,29,31,30,31,30,31,31,30,31,30,31]; //遇閏年時記得把二月設為29 //2004 每月的第一天是星期幾 = [4,7,1,4,6,2,4,7,3,5,1,3]; var firstdays = [4,7,1,4,6,2,4,7,3,5,1,3]; // 這是設定事項的地方。按照“起始日、起始月、終止日、終止月、事項”的格式。 var apps = [ [13,3,21,3,"新加坡學校假期"], [29,5,27,6,"新加坡學校假期"], [4,9,12,9,"新加坡學校假期"], [20,11,31,12,"新加坡學校假期"], [1,1,1,1,"元旦"], [22,1,23,1,"春節"], [1,2,1,2,"哈芝節"], [9,4,9,4,"复活節"], [1,5,1,5,"勞動節"], [2,6,2,6,"衛塞節"], [9,8,9,8,"新加坡國慶節"], [11,11,11,11,"屠妖節"], [14,11,14,11,"開齋節"], [25,12,25,12,"圣誕節"] ]; function CheckDate(month,dayno) { var retval = new String(dayno); var m = month + 1; for(var app = 0; app < apps.length; app++) { if(m == apps[app][1] ) //第一個月 { if(apps[app][3] - apps[app][1] > 0) { if(dayno >= apps[app][0]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } else { if(dayno >= apps[app][0] && dayno <= apps[app][2]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } } else if(m == apps[app][3]) // 第二個月 { if(dayno <= apps[app][2]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } else if( m > apps[app][1] && m < apps[app][3] ) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } return retval; } function PrintMonth(month) { var done = false; var day = 0; document.write("<table class='inner'><caption><font size=+1 color=red><b>" + months[month] + "</b></font></caption><thead>"); document.write("<th><font color=red> 日 </font></th><th> 一 </th><th> 二 </th><th> 三 </th><th> 四 </th><th> 五 </th><th> 六 </th></thead>"); while(!done) { document.write("<tr>"); PrintWeek(month,day, firstdays[month], daycounts[month]); document.write("</tr>"); day = day + 7; if( day > daycounts[month] + firstdays[month]) { done = true; } } document.write("</tbody></table><p>"); } function PrintWeek(monthno,start,min,max) { var d; var desc; for(var j = 0; j < 7; j++) { document.write("<td>"); d = start + j; if(d >= min && d < max + min) { desc = CheckDate(monthno,d - min + 1); document.write(desc); } document.write("</td>"); } } </script> 步驟二 拷貝以下腳本貼在<body>與</body>之間，您要用到它的部位。 <center>年曆 (2004年)</font> <br> <br> 將鼠標移到日期上看事項說明：<br><br> <table bgcolor="#FFFFFF" cellpadding="2" cellspacing="4"> <tr> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(0); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(1); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(2); </script> </td> </tr> <tr> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(3); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(4); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(5); </script> </td> </tr> <tr> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(6); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(7); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(8); </script> </td> </tr> <tr> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(9); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(10); </script> </td> <td valign="top" style="border:3px solid #025B75" > <script type="text/javascript"> PrintMonth(11); </script> </td> </tr> </table> </center>
安裝：
步驟一 拷貝以下腳本後貼在有關網頁的<head>與</head>之間。
步驟二 拷貝以下腳本貼在<body>與</body>之間，您要用到它的部位。