網頁特效：一個很漂亮很實用的日曆

作者：Eve Cole 更新時間：2009-06-20 16:18:36

一個很漂亮而且很實用的日曆，可以放在自己的頁面上展示一把！呵呵！

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>網頁特效downcodes.com---一個很漂亮實用的日曆</title> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //建立一個陣列,用來存放每個月的天數function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { this[0] = m0; this[1] = m1; this[2] = m2; this[3] = m3; this[4] = m4; this[5] = m5; this [6] = m6; this[7] = m7; this[8] = m8; this[9] = m9; this[10] = m10; this[11] = m11; } //實作月曆function calendar() { var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; var today = new Date(); var thisDay; var monthDays = new montharr(31, 28, 31, 30, 31, new montharr(31, 28, 31, 30, 31, 30, 30, 30, 30, 30, 30, 30, 30, 33, 30, 30, 30, 30, 303, 30, 30, 30, 30, 330, 3033）; year = today.getYear() +1900; thisDay = today.getDate(); if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; nDays = monthDays[today.getMonth()]; firstDay = today; firstDay.setDate(1); testMe = firstDay.getDate(); if (testMe == 2) firstDay.setDate(0) ; startDay = firstDay.getDay(); document.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>") document.write("< TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>") document.write("<TR><TD><table border='0' cellspacing= '1' cellpadding='2' bgcolor='Silver'>"); document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>"); var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var monthNames = new Array("1月","2月","3月"," 4月","5月","6月","7月","8月","9月","10月","11月","12月"); var now = new Date (); document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元" + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日" + dayNames[now.getDay()] + "</FONT>"); document.writeln("</TH></TR><TR><TH BGCOLOR= '#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>"); document.writeln("<th bgcolor='#0080FF'><FONT STYLE ='font-size:9pt;Color:White'>一</FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt; Color:White'>二</FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</ FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>") ; document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>"); document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>"); document.writeln("</TR><TR>"); column = 0; for (i=0; i<startDay; i++) { document.writeln("n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>"); column++; } for (i=1; i<=nDays; i++) { if (i == thisDay) { document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>") } else { document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE= 'font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>"); } document.writeln(i); if (i == thisDay) document.writeln("</ FONT></TD>") column++; if (column == 7) { document.writeln("<TR>"); column = 0; } } document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>") document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color: #ffffff'>") document.writeln("現在時間:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></ TABLE>") document.writeln("</TD></TR></TABLE></div>"); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false ; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false;} //顯示當前時間function showtime () { var now = new Date(); var hours = now.getHours(); now.getMinutes(); var seconds = now.getSeconds() var timeValue = " " + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ": ") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " 下午" : " 上午" document.clock.face.value = timeValue; timerID = setTimeout("showtime()",1000);//設定逾時,使時間動態顯示timerRunning = true;} function startclock () { stopclock(); showtime();} </RIPSCT> </head > <body onLoad="startclock(); timerONE=window.setTimeout"> <script language="JavaScript" type="text/javascript">  </script> < /body> </html>