域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
时间日期
>> 正文
爪哇日历
作者:
天诚世纪
更新时间:2009-6-13 11:13:14
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <title>网页特效|tc-21.com|---爪哇日历</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <script language="JavaScript"> <!-- setCal() function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "下午" } else ampm = "上午" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true return false } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 ar[1] = (leapYear(year)) ? 29 : 28 ar[2] = 31 ar[3] = 30 ar[4] = 31 ar[5] = 30 ar[6] = 31 ar[7] = 31 ar[8] = 30 ar[9] = 31 ar[10] = 30 ar[11] = 31 return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "1月" ar[1] = "2月" ar[2] = "3月" ar[3] = "4月" ar[4] = "5月" ar[5] = "6月" ar[6] = "7月" ar[7] = "8月" ar[8] = "9月" ar[9] = "10月" ar[10] = "11月" ar[11] = "12月" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() if (year<2000) year=1900+year; var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 50 var border = 2 var cellspacing = 4 var headerColor = "midnightblue" var headerSize = "-1" var colWidth = 50 var dayCellHeight = 10 var dayColor = "darkblue" var cellHeight = 20 var todayColor = "red" var timeColor = "purple" var text = "" text += '<CENTER>' text += '<TABLE BORDER=1' + ' CELLSPACING=0' + 'style="font-size: 9pt">' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '' text += year+'年'+ monthName + '日历' text += '' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "星期天" weekDay[1] = "星期一" weekDay[2] = "星期二" weekDay[3] = "星期三" weekDay[4] = "星期四" weekDay[5] = "星期五" weekDay[6] = "星期六" text += '<TR ALIGN="center" VALIGN="center" style="font-size: 9pt">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top" style="font-size: 9pt">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=1>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2 style="font-size: 9pt">' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } //--> </script> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </head> <body> </body> </html> <a href="/ITCenter/effect/">.</a>
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090613111314.html
上一篇文章:
纯JavaScript时钟
下一篇文章:
倒计时
更多关于
时间日期
的新闻
相关文章
农历日历
Form中的时钟
立体显示的时钟
显示特殊节日脚本
退出时显示访问时间
各种风格时间显示
使时钟显示在任意指定的位置
倒计时
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::