Kode kalender web yang super kuat dan indah, efek khusus halaman web

<Script LANGUAGE="JavaScript"> var bulan = new Array("一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"); var hariDalam Bulan = Array baru(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31); var hari = new Array("日","一", "二", "三","四", "五", "六"); var kelasTemp; var hari ini=baru getToday(); var tahun=hari ini.tahun; var bulan=hari ini.bulan; var Cal baru; function getDays(bulan, tahun) { if (1 == bulan) return ((0 == tahun % 4) && (0 != (tahun % 100))) ||(0 == tahun % 400) ? 29 : 28; jika tidak, kembalikan hariDalam Bulan[bulan]; } fungsi getToday() { this.now = Tanggal baru(); ini.tahun = ini.sekarang.getFullYear(); ini.bulan = ini.sekarang.getMonth(); hari ini = ini.sekarang.getDate(); } fungsi Kalender() { newCal = Tanggal baru(tahun,bulan,1); hari ini = getToday baru(); var hari = -1; var hari mulai = newCal.getDay(); var endDay=getDays(newCal.getMonth(), newCal.getFullYear()); var harian = 0; if ((hari ini.tahun == newCal.getFullYear()) &&(hari ini.bulan == newCal.getMonth())) { hari = hari ini.hari; } var caltable = dokumen.all.caltable.tBodies.calendar; var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); untuk (var intWeek = 0; intWeek < caltable.rows.length;intWeek++) untuk (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++) { var sel = caltable.rows[intWeek]. sel[hari ke dalam]; var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1); if ((intDay == startDay) && (0 == harian)){ harian = 1;} var daytemp=daily<10?("0"+daily):(setiap hari); var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">"; if(hari==harian) sel.className="DayNow"; else if(intDay==6) cell.className = "Hari Sabtu"; else if (intDay==0) cell.className ="DaySun"; lain sel.className="Hari"; if ((harian > 0) && (harian <= intDaysInMonth)) { sel.innerText = harian; setiap hari++; } else { sel.className="CalendarTD"; sel.innerText = ""; } } document.all.year.value=tahun; document.all.month.value=bulan+1; } function subBulan() { if ((bulan-1)<0) { bulan=11; tahun=tahun-1; } else { bulan=bulan-1; } Kalender(); } fungsi addMonth() { if((bulan+1)>11) { bulan=0; tahun=tahun+1; } else { bulan=bulan+1; } Kalender(); } function setDate() { if (document.all.month.value<1||document.all.month.value>12) { alert("月的有效范围在1-12之间!"); kembali; } tahun=Matematika.ceil(dokumen.semua.tahun.nilai); bulan=Matematika.ceil(dokumen.semua.bulan.nilai-1); Kalender(); } </Script> <Script> function buttonOver() { var obj = window.event.srcElement; obj.runtimeStyle.cssText = "warna latar:#FFFFFF"; // obj.className="Arahkan"; } fungsi buttonOut() { var obj = window.event.srcElement; window.setTimeout(fungsi(){obj.runtimeStyle.cssText = "";},300); } </Script> <Gaya> Masukan {font-family: verdana;ukuran font: 9pt;dekorasi teks: tidak ada;warna latar: #FFFFFF;tinggi: 20px;batas: 1px solid #666666;warna:#000000 ;} .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} .CalendarTD {font-family: verdana ;ukuran font: 7pt;warna: #000000;warna latar:#f6f6f6;tinggi: 20px;lebar:11%;perataan teks: tengah;} .Judul {font-family: verdana;ukuran font: 11pt; font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px; lebar-batas-bawah: 1px;lebar-kiri-batas: 1px;gaya-batas-bawah:1px;warna-batas-atas: #999999;warna-batas-kanan: #999999;warna-batas-bawah: #999999 ;border-left-color: #999999;} .Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align : tengah;} .DaySat {font-family: verdana;ukuran font: 7pt;warna:#FF0000;dekorasi teks: tidak ada;warna latar:#E5E9F2;perataan teks: tengah;tinggi: 18px;lebar: 12 %;} .DaySun {font-family: verdana;ukuran font: 7pt;warna: #FF0000;dekorasi teks: tidak ada;warna latar:#E5E9F2;perataan teks: tengah;tinggi: 18px;lebar: 12% ;} .DayNow {font-family: verdana;ukuran font: 7pt;berat font: tebal;warna: #000000;warna latar: #FFFFFF;tinggi: 20 piksel;perataan teks: tengah;} .DayTitle {font -keluarga: verdana;ukuran font: 9pt;warna: #000000;warna latar: #C0D0E8;tinggi: 20px;lebar:11%;perataan teks: tengah;} .DaySatTitle {font-family: verdana;font- ukuran: 9pt;warna:#FF0000;dekorasi teks: tidak ada;warna latar:#C0D0E8;perataan teks: tengah;tinggi: 20px;lebar: 12%;} .DaySunTitle {font-family: verdana;ukuran font : 9pt;warna: #FF0000;dekorasi teks: tidak ada;warna latar: #C0D0E8;perataan teks: tengah;tinggi: 20px;lebar: 12%;} .DayButton {font-family: Webdings;ukuran font: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;} </Style> <table border="0" cellpadding="0" Cellspacing="1" class="Calendar" id="caltable"> <thead> <tr align="center" valign="middle"> <td colspan="7" class="Title"> <a href="javaScript:subMonth();" title="上一月" Class="DayButton">3</a> <input name="year" type="text" size="4" maxlength="4" onkeydown="if (event.keyCode== 13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[ ^0-9]/g,'')"> <input name="month" type="text" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate ()}" onkeyup="ini.nilai=ini.nilai.replace(/[^0-9]/g,'')" onpaste="ini.nilai=ini.nilai.replace(/[^0-9 ]/g,'')"> dan <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a> </td> </tr> <tr align="center" valign="middle"> <Script LANGUAGE="JavaScript"> document.write ("<TD class=DaySunTitle id=buku harian >" + hari[0] + "</TD>"); for (var intLoop = 1; intLoop < hari.panjang-1;intLoop++) document.write("<TD class=DayTitle id=diary>" + hari[intLoop] + "</TD>"); document.write("<TD class=DaySatTitle id=diary>" + hari[intLoop] + "</TD>"); </Script> </TR> </thead> <TBODY border=1 Cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> <Script LANGUAGE="JavaScript" > for (var intWeeks = 0; intWeeks < 6; intWeeks++) { document.write("<TR style='cursor:hand'>"); for (var intDays = 0; intDays < hari.panjang;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>"); dokumen.write("</TR>"); } </Script> </TBODY> </TABLE> <Script LANGUAGE="JavaScript"> Kalender(); </Skrip>