收藏本站 | Dm.zznj.com

首页 | 网页设计教程 | 酷站收藏 | 网页素材 | 特效代码 | 网站推广 | 辅助软件 | 免费资源 | 论坛 | 站内搜索

您的当前位置：网页特效>>>时间日期>>>时钟加在背景上

时钟加在背景上

特效说明：

把下列代码加到网页的<Body></Body>标签之间

--------------------------------------------------------------------------------

脚本说明：
第一步:把如下代码加入<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>中加入如下代码：
<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>

第三步：把<body>中内容改为：
<body bgcolor="#fef4d9" onLoad="clockon()">

<html><head><Title>时钟加在背景上 IK8网页特效演示</title></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>中加入如下代码：
<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>

第三步：把<body>中内容改为：
<body bgcolor="#fef4d9" onLoad="clockon()">

</html>

IK8提供技术支持;本特效来自IK8.com

© CopyRight 2002-2005 ZZNJ.com, Inc. All Rights Reserved

Email: skyzznj@126.com