Web 特殊効果: 美しく実用的なカレンダー

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

自分のページに表示できる、とても美しくて実用的なカレンダーです。ふふ！

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Web ページ特殊効果 downcodes.com --- 非常に美しく実用的なカレンダー</ title> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //各月の日数を格納する配列を作成 function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8、m9、m10、m11) { この [0] = m0; この [2] = m2; この [5] = m5; ; this [6] = m6; this[7] = m8; this[10] = m11; function Calendar() { var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec"; var today = new Date() var monthDays = new montharr(31, 28, 31, 30, 31, 30) , 31); 年 = today.get Year() +1900; thisDay = today.getDate(); if (((年 % 4 == 0) && (年 % 100 != 0)) || (年 % 400 = = 0)) monthDays[1] = 29; nDays = monthDays[today.getMonth()]; firstDay = today; testMe == 2); setDate(0) ; startDay = firstDay.getDay(); document.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>") ドキュメント。 write("< TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>") document.write("<TR><TD><table border=' 0' cellpacing= '1' cellpadding='2' bgcolor='Silver'>"); document.write("<TR><thcolspan='7' bgcolor='#C8E3FF'>"); var dayNames = new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"); var monthNames = new Array("1月","2月","3月"," April","5月","6月","7月","8月","9月","10月","11月","12月"); var now = new Date (); document.writeln("< FONT STYLE='font-size:9pt;Color:#330099'>" + "AD" + now.getyear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日" + dayNames[now.getDay()] + "</FONT>"); '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>") ; ='#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>"); 列 = 0; for (i=0) ; i<startDay; i++) { document.writeln("n<FONT STYLE='font-size:9pt'> </FONT></TD>"); 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>") 列++ ; if (列 == 7) { document.writeln("<TR>") } } document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP ' BGCOLOR='#0080FF'>") document.writeln("<FORM NAME='クロック' 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 stop Clock (){ if(timerRunning ) clearTimeout(timerID); timerRunning = false;} // 現在の時刻を表示します関数 showtime () { var now = new Date(); var minutes = now.getMinutes(); = now.getSeconds() var timeValue = " " + ((時間 >12) ? 時間 -12 :時間) timeValue += ((分 < 10) ? ":0" : ": ") + 分 timeValue += ( (秒 < 10) ? ":0" : ":") + 秒 timeValue += (時間 >= 12) ? "PM" : "AM" = timeValue = setTimeout; ()",1000);//時間を動的に表示するためのタイムアウトを設定します timerRunning = true;} function start Clock () { stop Clock(); showtime();} </SCRIPT> </head > <body onLoad="start Clock( ); timerONE=window.setTimeout"> <script language="JavaScript" type="text/javascript">  </script> < /body> </html>