分享
 
 
 

天极网软件频道的用JS实现的图片切换特效

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- 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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有