漂亮的脚本日历,和大家分享

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Avar%20months%20%3D%20new%20Array(%22%E4%B8%80%22%2C%20%22%E4%BA%8C%22%2C%20%22%E4%B8%89%22%2C%22%E5%9B%9B%22%2C%20%22%E4%BA%94%22%2C%20%22%E5%85%AD%22%2C%20%22%E4%B8%83%22%2C%20%22%E5%85%AB%22%2C%20%22%E4%B9%9D%22%2C%22%E5%8D%81%22%2C%20%22%E5%8D%81%E4%B8%80%22%2C%20%22%E5%8D%81%E4%BA%8C%22)%3B%20%0D%0Avar%20daysInMonth%20%3D%20new%20Array(31%2C%2028%2C%2031%2C%2030%2C%2031%2C%2030%2C%2031%2C%2031%2C30%2C%2031%2C%2030%2C%2031)%3B%20%0D%0Avar%20days%20%3D%20new%20Array(%22%E6%97%A5%22%2C%22%E4%B8%80%22%2C%20%22%E4%BA%8C%22%2C%20%22%E4%B8%89%22%2C%22%E5%9B%9B%22%2C%20%22%E4%BA%94%22%2C%20%22%E5%85%AD%22)%3B%20%0D%0Avar%20classTemp%3B%20%0D%0Avar%20today%3Dnew%20getToday()%3B%20%0D%0Avar%20year%3Dtoday.year%3B%20%0D%0Avar%20month%3Dtoday.month%3B%20%0D%0Avar%20newCal%3B%20%0D%0Afunction%20getDays(month%2C%20year)%20%7B%20%0D%0Aif%20(1%20%3D%3D%20month)%20return%20((0%20%3D%3D%20year%20%25%204)%20%26%26%20(0%20!%3D%20(year%20%25%20100)))%20%7C%7C(0%20%3D%3D%20year%20%25%20400)%20%3F%2029%20%3A%2028%3B%20%0D%0Aelse%20return%20daysInMonth%5Bmonth%5D%3B%20%0D%0A%7D%20%0D%0Afunction%20getToday()%20%7B%20%0D%0Athis.now%20%3D%20new%20Date()%3B%20%0D%0Athis.year%20%3D%20this.now.getFullYear()%3B%20%0D%0Athis.month%20%3D%20this.now.getMonth()%3B%20%0D%0Athis.day%20%3D%20this.now.getDate()%3B%20%0D%0A%7D%20%0D%0Afunction%20Calendar()%20%7B%20%0D%0AnewCal%20%3D%20new%20Date(year%2Cmonth%2C1)%3B%20%0D%0Atoday%20%3D%20new%20getToday()%3B%20%0D%0Avar%20day%20%3D%20-1%3B%20%0D%0Avar%20startDay%20%3D%20newCal.getDay()%3B%20%0D%0Avar%20endDay%3DgetDays(newCal.getMonth()%2C%20newCal.getFullYear())%3B%20%0D%0Avar%20daily%20%3D%200%3B%20%0D%0Aif%20((today.year%20%3D%3D%20newCal.getFullYear())%20%26%26%20(today.month%20%3D%3D%20newCal.getMonth()))%20%0D%0A%7B%20%0D%0Aday%20%3D%20today.day%3B%20%0D%0A%7D%20%0D%0Avar%20caltable%20%3D%20document.all.caltable.tBodies.calendar%3B%20%0D%0Avar%20intDaysInMonth%20%3DgetDays(newCal.getMonth()%2C%20newCal.getFullYear())%3B%20%0D%0Afor%20(var%20intWeek%20%3D%200%3B%20intWeek%20%3C%20caltable.rows.length%3BintWeek%2B%2B)%20%0D%0Afor%20(var%20intDay%20%3D%200%3BintDay%20%3C%20caltable.rows%5BintWeek%5D.cells.length%3BintDay%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20cell%20%3D%20caltable.rows%5BintWeek%5D.cells%5BintDay%5D%3B%20%0D%0Avar%20montemp%3D(newCal.getMonth()%2B1)%3C10%3F(%220%22%2B(newCal.getMonth()%2B1))%3A(newCal.getMonth()%2B1)%3B%20%0D%0Aif%20((intDay%20%3D%3D%20startDay)%20%26%26%20(0%20%3D%3D%20daily))%7B%20daily%20%3D%201%3B%7D%20%0D%0Avar%20daytemp%3Ddaily%3C10%3F(%220%22%2Bdaily)%3A(daily)%3B%20%0D%0Avar%20d%3D%22%3C%22%2BnewCal.getFullYear()%2B%22-%22%2Bmontemp%2B%22-%22%2Bdaytemp%2B%22%3E%22%3B%20%0D%0Aif(day%3D%3Ddaily)%20cell.className%3D%22DayNow%22%3B%20%0D%0Aelse%20if(intDay%3D%3D6)%20cell.className%20%3D%20%22DaySat%22%3B%20%0D%0Aelse%20if%20(intDay%3D%3D0)%20cell.className%20%3D%22DaySun%22%3B%20%0D%0Aelse%20cell.className%3D%22Day%22%3B%20%0D%0Aif%20((daily%20%3E%200)%20%26%26%20(daily%20%3C%3D%20intDaysInMonth))%20%0D%0A%7B%20%0D%0Acell.innerText%20%3D%20daily%3B%20%0D%0Adaily%2B%2B%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Acell.className%3D%22CalendarTD%22%3B%20%0D%0Acell.innerText%20%3D%20%22%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Adocument.all.year.value%3Dyear%3B%20%0D%0Adocument.all.month.value%3Dmonth%2B1%3B%20%0D%0A%7D%20%0D%0Afunction%20subMonth()%20%0D%0A%7B%20%0D%0Aif%20((month-1)%3C0)%20%0D%0A%7B%20%0D%0Amonth%3D11%3B%20%0D%0Ayear%3Dyear-1%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Amonth%3Dmonth-1%3B%20%0D%0A%7D%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0Afunction%20addMonth()%20%0D%0A%7B%20%0D%0Aif((month%2B1)%3E11)%20%0D%0A%7B%20%0D%0Amonth%3D0%3B%20%0D%0Ayear%3Dyear%2B1%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Amonth%3Dmonth%2B1%3B%20%0D%0A%7D%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0Afunction%20setDate()%20%0D%0A%7B%20%0D%0Aif%20(document.all.month.value%3C1%7C%7Cdocument.all.month.value%3E12)%20%0D%0A%7B%20%0D%0Aalert(%22%E6%9C%88%E7%9A%84%E6%9C%89%E6%95%88%E8%8C%83%E5%9B%B4%E5%9C%A81-12%E4%B9%8B%E9%97%B4!%22)%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Ayear%3DMath.ceil(document.all.year.value)%3B%20%0D%0Amonth%3DMath.ceil(document.all.month.value-1)%3B%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%3E%20%0D%0Afunction%20buttonOver()%20%0D%0A%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aobj.runtimeStyle.cssText%20%3D%20%22background-color%3A%23FFFFFF%22%3B%20%0D%0A%2F%2F%20obj.className%3D%22Hover%22%3B%20%0D%0A%7D%20%0D%0Afunction%20buttonOut()%20%0D%0A%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Awindow.setTimeout(function()%7Bobj.runtimeStyle.cssText%20%3D%20%22%22%3B%7D%2C300)%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
<Style> 
Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;} 
.Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} 
.CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-color:#f6f6f6;height: 20px;width:11%;text-align: center;} 
.Title {font-family: verdana;font-size: 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;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;} 
.Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align: center;} 
.DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;} 
.DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;} 
.DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color: #000000;background-color: #FFFFFF;height: 20px;text-align: center;} 
.DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;height: 20px;width:11%;text-align: center;} 
.DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;height: 20px;width: 12%;} 
.DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;height: 20px;width: 12%;} 
.DayButton {font-family: Webdings;font-size: 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();" _ewebeditor_ta_href="javaScript%3AsubMonth()%3B" 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="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 <a href="JavaScript:addMonth();" _ewebeditor_ta_href="JavaScript%3AaddMonth()%3B" title="下一月" Class="DayButton">4</a> 
</td> 
</tr> 
<tr align="center" valign="middle"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Adocument.write(%22%3CTD%20class%3DDaySunTitle%20id%3Ddiary%20%3E%22%20%2B%20days%5B0%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0Afor%20(var%20intLoop%20%3D%201%3B%20intLoop%20%3C%20days.length-1%3BintLoop%2B%2B)%20%0D%0Adocument.write(%22%3CTD%20class%3DDayTitle%20id%3Ddiary%3E%22%20%2B%20days%5BintLoop%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0Adocument.write(%22%3CTD%20class%3DDaySatTitle%20id%3Ddiary%3E%22%20%2B%20days%5BintLoop%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0A%3C%2FScript%3E"> 
</TR> 
</thead> 
<TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Afor%20(var%20intWeeks%20%3D%200%3B%20intWeeks%20%3C%206%3B%20intWeeks%2B%2B)%20%0D%0A%7B%20%0D%0Adocument.write(%22%3CTR%20style%3D'cursor%3Ahand'%3E%22)%3B%20%0D%0Afor%20(var%20intDays%20%3D%200%3B%20intDays%20%3C%20days.length%3BintDays%2B%2B)%20document.write(%22%3CTD%20class%3DCalendarTD%20onMouseover%3D'buttonOver()%3B'%20onMouseOut%3D'buttonOut()%3B'%3E%3C%2FTD%3E%22)%3B%20%0D%0Adocument.write(%22%3C%2FTR%3E%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
</TBODY> 
</TABLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0ACalendar()%3B%20%0D%0A%3C%2FScript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程