域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
时间日期
>> 正文
极酷的图形钟表
作者:
天诚世纪
更新时间:2009-6-13 11:13:06
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<HTML><HEAD><TITLE>网页特效|tc-21.com|---极酷的图形钟表</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT language=JavaScript> var clipTop=0 var clipBottom=clipTop+60 var clipLeft var clipRight var isNS if (document.layers) { (isNS=true) } var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; var imgSeconds var imgMinutes var imgHours var imgClock var textDate var textDay var textLink var clipHours="" var clipMinutes="" var clipSeconds="" var startLeft=-5 var startTop=85 var tunePosHour =-2 function initObjects() { if (document.all) { imgSeconds = document.all.imgSeconds.style imgMinutes = document.all.imgMinutes.style imgHours = document.all.imgHours.style imgClock = document.all.imgClock.style textDate = document.all.textDate.style textDay = document.all.textDay.style textLink = document.all.textLink.style startLeft=-5 startTop=85 imgHours.posTop=startTop imgMinutes.posTop=startTop imgSeconds.posTop=startTop textDate.posTop = 109 textDate.posLeft = 82 textDay.posTop = 109 textDay.posLeft = 41 textLink.posTop = 190 textLink.posLeft = -9 imgSeconds.visibility=VISIBLE imgMinutes.visibility=VISIBLE imgHours.visibility=VISIBLE imgClock.visibility=VISIBLE textDate.visibility=VISIBLE textDay.visibility=VISIBLE textLink.visibility=VISIBLE tickIE() } if (document.layers) { imgSeconds = document.imgSeconds imgMinutes = document.imgMinutes imgHours = document.imgHours imgClock = document.imgClock textDate = document.textDate textDay = document.textDay textLink = document.textLink startLeft=-3 startTop=78 imgHours.top=startTop imgMinutes.top=startTop imgSeconds.top=startTop textDate.top = 102 textDate.left = 85 textDay.top = 102 textDay.left = 40 textLink.top = 190 textLink.left = -10 imgSeconds.visibility=VISIBLE imgMinutes.visibility=VISIBLE imgHours.visibility=VISIBLE imgClock.visibility=VISIBLE textDate.visibility=VISIBLE textDay.visibility=VISIBLE textLink.visibility=VISIBLE tickNS() } } function tickIE() { var now = new Date() var nowHours = now.getHours() var nowMinutes = now.getMinutes() var nowSeconds = now.getSeconds() if (nowHours >= 12) {nowHours=nowHours-12} imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour) clipLeft = -(imgHours.posLeft)+30 clipRight= clipLeft+60 clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgHours.clip=clipHours imgMinutes.posLeft=-((nowMinutes)*60+startLeft) clipLeft = -(imgMinutes.posLeft)+30 clipRight= clipLeft+60 clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgMinutes.clip=clipMinutes imgSeconds.posLeft=-((nowSeconds)*60+startLeft) clipLeft = -(imgSeconds.posLeft)+35 clipRight= clipLeft+60 clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgSeconds.clip=clipSeconds var runClock = setTimeout("tickIE()", 100); } function tickNS() { var now = new Date() var nowHours = now.getHours() var nowMinutes = now.getMinutes() var nowSeconds = now.getSeconds() if (nowHours >= 12) {nowHours=nowHours-12} imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2) clipLeft = -(imgHours.left)+30 clipRight= clipLeft+60 imgHours.clip.left = clipLeft imgHours.clip.right = clipRight imgHours.clip.top = clipTop imgHours.clip.bottom = clipBottom imgMinutes.left=-((nowMinutes)*60+startLeft) clipLeft = -(imgMinutes.left)+30 clipRight= clipLeft+60 imgMinutes.clip.left = clipLeft imgMinutes.clip.right = clipRight imgMinutes.clip.top = clipTop imgMinutes.clip.bottom = clipBottom imgSeconds.left=-((nowSeconds)*60+startLeft) clipLeft = -(imgSeconds.left)+35 clipRight= clipLeft+60 imgSeconds.clip.left = clipLeft imgSeconds.clip.right = clipRight imgSeconds.clip.top = clipTop imgSeconds.clip.bottom = clipBottom var runClock = setTimeout("tickNS()", 100); } </SCRIPT> <STYLE>.imgall { POSITION: absolute; VISIBILITY: hidden } </STYLE> <META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD> <BODY bgColor=#ffffff onload=initObjects()> <DIV class=imgall id=imgClock> <img border="0" src="images/clock1.jpeg" width="110" height="200"></DIV> <SCRIPT language=JavaScript> var heute = new Date() var wochentag = heute.getDay() var heuteDatum = heute.getDate() if (wochentag==0) { wochentag = "SAM" } else if (wochentag==1) { wochentag = "MON" } else if (wochentag==2) { wochentag = "TUE" } else if (wochentag==3) { wochentag = "WED" } else if (wochentag==4) { wochentag = "THU" } else if (wochentag==5) { wochentag = "FRI" } else if (wochentag==6) { wochentag = "SUN" } document.write('<DIV ID = "textDate" CLASS = "imgall"><font size=1>'+heuteDatum+'</font></DIV>') document.write('<DIV ID = "textDay" CLASS = "imgall"><font size=1>'+wochentag+'</font></DIV>') </SCRIPT> <DIV class=imgall id=imgHours> <IMG src="images/hours1.gif" width="3620" height="60"></DIV> <DIV class=imgall id=imgMinutes> <IMG src="images/minutes1.gif" width="3620" height="60"></DIV> <DIV class=imgall id=imgSeconds> <IMG src="images/seconds2.gif" width="3620" height="60"></DIV> <DIV class=imgall id=textLink></DIV><table width="100%"> </table> </BODY></HTML> <a href="/ITCenter/effect/">.</a>
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090613111306.html
上一篇文章:
液晶电子表
下一篇文章:
纯JavaScript时钟
更多关于
时间日期
的新闻
相关文章
农历日历
Form中的时钟
立体显示的时钟
显示特殊节日脚本
退出时显示访问时间
各种风格时间显示
使时钟显示在任意指定的位置
倒计时
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::