当前位置: 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文 |
|
|||
特酷的倒影时钟代码 | |||
2007-3-14 18:56:05 文/佚名 出处:电脑软硬件应用网 | |||
第一步:把如下代码加入<head>区域中 <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> 第二步:把如下代码加入<body>区域中 <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>改为 <body bgcolor="#fef4d9" onload="init()"> |
|||
最新热点 | 最新推荐 | 相关文章 | ||
网页特效代码:仿京东的商品分类导航… 不能屏蔽的网页右下角窗口特效 装载页面进度条代码 链接特效之js做引用文章链接代码 左右移动转换文字特效HTML代码解析 网页页面实现自动刷新的3种代码 网页特效代码:纯css下拉菜单列表 JS特效代码:实现间歇无缝文字滚动特… 文字滚动特效(兼容多浏览器) 网页特效代码:JavaScript显示系统时… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |