Back to home
[代码分享]带阴影的网页时间，把时钟加在背景上
2014-08-26 10:19:38 -0400
代码说明
带阴影的网页时间，把时钟加在网页背景上，而且似乎很漂亮的效果，完全基于JS和Div实现，符合W3C Web标准，不错的代码特效。请注意代码中各自所在的标签，如果搞错标签位置，可能看不到效果。
HTML代码
<title>带阴影的网页时间，把时钟加在背景上</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <head> <script language=javaScript> <!--// function clockon() { thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if(document.all) { bgclocknoshade.innerHTML=thistime bgclockshade.innerHTML=thistime } if(document.layers) { document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>') document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>') document.close() } var timer=setTimeout("clockon()",200) } //--> </script> </head> <body bgcolor="#fef4d9" onLoad="clockon()"> <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div> <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div> <div id="mainbody" style="position:absolute; visibility:visible"> </div> </body>
代码演示
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N