用JavaScript创建超酷时钟背景特效-友情网中网「Www.33EE.Com」

JavaScript

本类阅读TOP10

·用JavaScript实现网页上的浮动广告
·超酷网页链接特殊效果制作技巧八则
·用JavaScript创建超酷时钟背景特效
·如何禁止用右键查看源代码
·用JavaScript实现浏览器地震的效果
·利用JavaScript实现滚屏显示
·JavaScript另类网页特效5则
·JavaScript网页制作特效二例
·用JavaScript实现网页“打字机”效果
·给你的个人主页加上彩色的边框

→ 精品推荐

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

作者：未知来源：未知 加入时间：2004-12-1

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

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

<script language=JavaScript>
<!--//

　　function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

　　if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}

　　if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("clockon()"，200)
}

　　//-->
</script>

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

　　<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>

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

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

<body bgcolor="#ffffff" onLoad="clockon()">

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

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

（出处：赛迪网）

相关文章：
相关软件：


\| 网络工具 \| 系统工具 \| 应用软件 \| 多媒体类 \| 联络聊天 \| 行业软件 \| 图形图像 \| 安全相关 \| 编程开发 \| 教育教学 \| 游戏娱乐 \| \| 程序源码 \| ASP 源码 \| CGI 源码 \| PHP 源码 \| 驱动下载 \| 字体下载 \| 素材下载 \| 桌面大全 \| 闪客天地 \| 外挂插件 \| 考题下载 \|


站内搜索：