有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的JavaScript 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示: <html> <head> <title>带有倒影效果的网页时钟 - 烈火学院</title> <script language=javascript> <!-- function showClock(){ d = new Date(); hours = d.getHours(); minutes = d.getMinutes(); seconds = d.getSeconds(); clck = (hours>=12)?"下午":"上午"; hours = (hours>12)?hours-12:hours; hours = (hours<10)?"0"+hours:hours; minutes = (minutes<10)?"0"+minutes:minutes; seconds = (seconds<10)?"0"+seconds:seconds; time = clck + " " + hours + ":" + minutes + ":" + seconds; time = "<font size='5' face='Arial'><b>" + time + "</b></font>" myclock1.innerHTML = time; myclock2.innerHTML = time; myclock2.style.left = myclock1.style.posLeft; myclock2.style.top = myclock1.style.posTop + myclock1.offsetHeight; setTimeout("showClock()",1000); } //--> //Downloads By http://www.veryhuo.com/down </script> </head> <body onLoad="showClock()"> <div id = "myclock1" style="height:20px;left:50;position:absolute;"></div> <div id = "myclock2" style="filter:flipv() alpha(opacity=20);font-style:italic;position:absolute"></div> </body> </html><br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示:可修改后代码再运行! 文章导航 跟随鼠标并呈圆形旋转散开的小花特效代码带链接的LOGO图片无缝向左滚动,参数可设置