域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
时间日期
>> 正文
自己创建日历
作者:
天诚世纪
更新时间:2009-6-16 11:11:40
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <title>网页特效|tc-21.com|---自己创建日历</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <SCRIPT LANGUAGE="JavaScript"> <!-- function displayCalendar(init) { var i; var now = new Date(); var nowYear = now.getYear() - 95; var nowMonth = now.getMonth(); var nowDay = now.getDate(); // on open of document if (init==1) { document.calControl.month.selectedIndex = nowMonth; document.calControl.year.selectedIndex = nowYear; } var month=document.calControl.month.selectedIndex var year=document.calControl.year.selectedIndex+1995 var days=getDaysInMonth(month+1,year); var firstOfMonth = new Date (year, month, 1); var startingPos=firstOfMonth.getDay()+7; days+=startingPos; // label days of week i=0; document.calButtons.elements[i++].value = " S "; document.calButtons.elements[i++].value = " M "; document.calButtons.elements[i++].value = " T "; document.calButtons.elements[i++].value = " W "; document.calButtons.elements[i++].value = " T "; document.calButtons.elements[i++].value = " F "; document.calButtons.elements[i++].value = " S "; // blank out non date buttons for (i=7; i<startingPos; i++) document.calButtons.elements[i].value = " "; for (i=startingPos; i<days; i++) document.calButtons.elements[i].value = i-startingPos+1; // show focus on today if the calendar is the proper month and year if (month==nowMonth && year==nowYear+1995) document.calButtons.elements[nowDay+startingPos-1].focus(); // blank out rest of non date buttons for (i=days; i<49; i++) document.calButtons.elements[i].value = " "; } function leapYear (Year) { if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) return (1); else return (0); } 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 (leapYear (year)==1) days=29; else days=28; } return (days); } // --> </SCRIPT> </head> <body ONLOAD="displayCalendar(1)"> <br> <br> <center><font color=red face="隶书" size=6>自己创建日历</font></center> <br> <center> <table border=0 bordercolor=blue borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr> <tr><td align=center> <FORM NAME="calControl">month <SELECT NAME="month"><OPTION>Jan <OPTION>Feb <OPTION>Mar <OPTION>Apr <OPTION>May <OPTION>Jun <OPTION>Jul <OPTION>Aug <OPTION>Sep <OPTION>Oct <OPTION>Nov <OPTION>Dec </SELECT> year <SELECT NAME="year"><OPTION>1995 <OPTION>1996 <OPTION>1997 <OPTION>1998 <OPTION>1999 <OPTION>2000 </SELECT><INPUT TYPE="button" NAME="button1" VALUE="Create" onClick="displayCalendar(0)"></FORM><FORM NAME="calButtons"><INPUT TYPE="button" NAME="but0" value=" "><INPUT TYPE="button" NAME="but1" value=" "><INPUT TYPE="button" NAME="but2" value=" "><INPUT TYPE="button" NAME="but3" value=" "><INPUT TYPE="button" NAME="but4" value=" "><INPUT TYPE="button" NAME="but5" value=" "><INPUT TYPE="button" NAME="but6" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but7" value=" "><INPUT TYPE="button" NAME="but8" value=" "><INPUT TYPE="button" NAME="but9" value=" "><INPUT TYPE="button" NAME="but10" value=" "><INPUT TYPE="button" NAME="but11" value=" "><INPUT TYPE="button" NAME="but12" value=" "><INPUT TYPE="button" NAME="but13" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but14" value=" "><INPUT TYPE="button" NAME="but15" value=" "><INPUT TYPE="button" NAME="but16" value=" "><INPUT TYPE="button" NAME="but17" value=" "><INPUT TYPE="button" NAME="but18" value=" "><INPUT TYPE="button" NAME="but19" value=" "><INPUT TYPE="button" NAME="but20" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but21" value=" "><INPUT TYPE="button" NAME="but22" value=" "><INPUT TYPE="button" NAME="but23" value=" "><INPUT TYPE="button" NAME="but24" value=" "><INPUT TYPE="button" NAME="but25" value=" "><INPUT TYPE="button" NAME="but26" value=" "><INPUT TYPE="button" NAME="but27" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but28" value=" "><INPUT TYPE="button" NAME="but29" value=" "><INPUT TYPE="button" NAME="but30" value=" "><INPUT TYPE="button" NAME="but31" value=" "><INPUT TYPE="button" NAME="but32" value=" "><INPUT TYPE="button" NAME="but33" value=" "><INPUT TYPE="button" NAME="but34" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but35" value=" "><INPUT TYPE="button" NAME="but36" value=" "><INPUT TYPE="button" NAME="but37" value=" "><INPUT TYPE="button" NAME="but38" value=" "><INPUT TYPE="button" NAME="but39" value=" "><INPUT TYPE="button" NAME="but40" value=" "><INPUT TYPE="button" NAME="but41" value=" "></CENTER> <CENTER><INPUT TYPE="button" NAME="but42" value=" "><INPUT TYPE="button" NAME="but43" value=" "><INPUT TYPE="button" NAME="but44" value=" "><INPUT TYPE="button" NAME="but45" value=" "><INPUT TYPE="button" NAME="but46" value=" "><INPUT TYPE="button" NAME="but47" value=" "><INPUT TYPE="button" NAME="but48" value=" "></CENTER> <CENTER> <p></p> </FORM></td></tr></table></center> <br> <br> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function goHist(a) { history.go(a); } //--> </script></center> <br> <br> </body> </html>
.
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090616111140.html
上一篇文章:
生日提醒器
下一篇文章:
时间跳动器
更多关于
时间日期
的新闻
相关文章
农历日历
Form中的时钟
立体显示的时钟
显示特殊节日脚本
退出时显示访问时间
各种风格时间显示
使时钟显示在任意指定的位置
倒计时
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::