Javascript脚本特效示例：[31]倒影时钟

时间：2024-11-08 21:57:08

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。<html><head><title>晓博JavaScript特效测试</title></head><body></body></html>

2、第一步:把如下代码加入<head>区域中<head><sty盟敢势袂le>.time { fo荏鱿胫协nt-size: 12pt; line-height: 14pt; color:red;}</style><SCRIPT language=JavaScript></SCRIPT>

3、第二步:把如下代码加入<body>区域中<DIV class=time 坡纠课柩id=tim1style=媪青怍牙"HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV><DIV class=time id=tim2style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV>

4、第三步:把<body>改为,并重名文档为HTML文件<body bgcolor="#fef4d9" onload="init()">

5、用IE浏览器打开晓博JavaScript特效测试.html文件，关闭网页，可以看到特酷的倒影时钟特效,如下图

Javascript脚本特效示例：[30]Form栏全时钟

Javascript脚本特效示例：[34]全日制时钟

Javascript脚本特效示例：[32]日期显示

Javascript脚本特效示例：[28]Form中的时钟

Javascript脚本特效示例：[29]可开关Form时钟