特酷的倒影时钟_日期时间特效

模板酷站
  •       2/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      特酷的倒影时钟,您可以先修改部分代码再运行.

      <html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>新建网页 2</title><head> <style> .time { font-size: 12pt; line-height: 14pt; color:red;} </style> <SCRIPT language=JavaScript> <!-- Hiding var ctimer; function init(){ if (document.all){ tim2.style.left=tim1.style.posLeft; tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6; settimes(); } } function settimes(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); if (hours<10) hours="0"+hours; if(mins<10) mins="0"+mins; if (secs<10) secs="0"+secs; tim1.innerHTML=hours+":"+mins+":"+secs tim2.innerHTML=hours+":"+mins+":"+secs ctimer=setTimeout('settimes()',960); } // Done hiding --> </SCRIPT> </head> <body bgcolor="#fef4d9" onload="init()"> <DIV class=time id=tim1 style="HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV> <DIV class=time id=tim2 style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV> </body> </html>

查看原文