用JavaScript创建超酷时钟背景特效

　　我们经常会在页面中添加一些JavaScript代码用来显示时间。但是有时加入一些代码可能会影响页面的布局。现在给你一段代码，它将给你生成一个跳动的时钟，而且时钟是叠加在背景上的，再也不用担心布局上的问题了。

　　一、把下面的代码加到<head></head>区域中:

[code]　　<script language=JavaScript>

</script>
[/code][button value="复制代码"]

二、在<body></body>直接加入如下代码：

[code]　　<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>
[/code][button value="复制代码"]

　　注："font-size:120px"是用来设置字体的大小，color:FF8888是用来设置字体颜色的。

　　三、最后把<body>中内容改为：

　　注：<body bgcolor="#ffffff" onLoad="clockon()">中的"#ffffff" 是网页的背景颜色代码，可以自行修改。

　　提醒：该效果所显示的时钟是利用层来定位的，所以你可在Dreamweaver中移动时钟的位置；另外，时钟具有阴影效果，这些都是可以自行修改的。如果大家有什么疑问可以跟我们交流。

阅读全文

扫码关注“ 多特资源库 ”

上一篇：用JavaScript使链接按钮不断变化

下一篇：Illustrator CS3绘制矢量荷花插画