天极网软件频道的用JS实现的图片切换特效 dn001 2009-06-21 08:51:48 <!-- http://www.knowsky.com/js --> <!-- 完整的HTML文件如下:--> <html> <head> <title>网页教学网特效代码->>真正的万年历</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#000000" text="#999999" link="#33FF33" vlink="#33FF33" alink="#33FF33" onLoad="setToday()"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function setToday() { var now = new Date(); var day = now.getDate(); var month = now.getMonth(); var year = now.getYear(); if (year < 2000) year = year + 1900; this.focusDay = day; document.calControl.month.selectedIndex = month; document.calControl.year.value = year; displayCalendar(month, year); } function isFourDigitYear(year) { if (year.length != 4) { alert ("Sorry, the year must be four-digits in length."); document.calControl.year.select(); document.calControl.year.focus(); } else { return true; } } function selectDate() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; displayCalendar(month, year); } } function setPreviousYear() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; year--; document.calControl.year.value = year; displayCalendar(month, year); } } function setPreviousMonth() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; if (month == 0) { month = 11; if (year > 1000) { year--; document.calControl.year.value = year; } } else { month--; } document.calControl.month.selectedIndex = month; displayCalendar(month, year); } } function setNextMonth() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; if (month == 11) { month = 0; year++; document.calControl.year.value = year; } else { month++; } document.calControl.month.selectedIndex = month; displayCalendar(month, year); } } function setNextYear() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; year++; document.calControl.year.value = year; displayCalendar(month, year); } } function displayCalendar(month, year) { month = parseInt(month); year = parseInt(year); var i = 0; var days = getDaysInMonth(month+1,year); var firstOfMonth = new Date (year, month, 1); var startingPos = firstOfMonth.getDay(); days += startingPos; document.calButtons.calPage.value = " Su Mo Tu We Th Fr Sa"; document.calButtons.calPage.value += "n --------------------"; for (i = 0; i < startingPos; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += "n "; document.calButtons.calPage.value += " "; } for (i = startingPos; i < days; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += "n "; if (i-startingPos+1 < 10) document.calButtons.calPage.value += "0"; document.calButtons.calPage.value += i-startingPos+1; document.calButtons.calPage.value += " "; } for (i=days; i<42; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += "n "; document.calButtons.calPage.value += " "; } document.calControl.Go.focus(); } function getDaysInMonth(month,year) { var days; if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) days=31; else if (month==4 || month==6 || month==9 || month==11) days=30; else if (month==2) { if (isLeapYear(year)) { days=29; } else { days=28; } } return (days); } function isLeapYear (Year) { if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) { return (true); } else { return (false); } } // End --> </SCRIPT> <CENTER> <H2>万年历</H2> <FORM NAME="calControl" onSubmit="return false;"> <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR><TD COLSPAN=7> <CENTER> <SELECT NAME="month" onChange="selectDate()"> <OPTION>一月 <OPTION>二月 <OPTION>三月 <OPTION>四月 <OPTION>五月 <OPTION>六月 <OPTION>七月 <OPTION>八月 <OPTION>九月 <OPTION>十月 <OPTION>十一月 <OPTION>十二月 </SELECT> <INPUT NAME="year" TYPE=TEXT SIZE=4 MAXLENGTH=4> <INPUT TYPE="button" NAME="Go" value="创建" onClick="selectDate()"> </CENTER> </TD> </TR> </FORM> <FORM NAME="calButtons"> <TR><TD align="center"><textarea FONT="Courier" NAME="calPage" WRAP=no ROWS=8 COLS=24></textarea></TD><TR><TD><CENTER> <INPUT TYPE=BUTTON NAME="previousYear" VALUE="<<" onClick="setPreviousYear()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE="< " onClick="setPreviousMonth()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE="Today" onClick="setToday()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE="> " onClick="setNextMonth()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE=">>" onClick="setNextYear()"> </CENTER></TD></TR> </form></TABLE></FORM> </center></body> </html>
