返回主页网页素材图库gif动画图库网页模板网页教程网页特效网页背景音乐网页制作软件下载网页设计字体下载透明FLASH素材
 


时间日期特效
倒影时钟:走动的时间还有倒影,看看吧
效果演示:
第一步把下面的代码加入<head> </head>之间
<Script Language="JavaScript">
<!-- Hiding
var ctimer;

function init(){
if (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}

function settimes(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
if (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
// -->
</Script><style type="text/css">
<!--
.time{
font-family : Comic Sans Ms;
font-size : 14pt;
font-weight : bold;
color: #00008D;
}
-->
</style>

第二步:把以下代码加入<body> 区

<body onLoad="init()" bgcolor="#FFFFFF">

<Div Id="tim1" Style="position: absolute; width: 258; height: 26; top: 30; left: 215" class="time">
</Div>
<Div Id="tim2" Style="position:absolute; filter:flipv() alpha(opacity=20); font-style:italic; left: 695px; top: 50px" class="time">
</Div></html>

 友情连接
 
© CopyRight 2002-2003, www.dabaoku.com, Inc. All Rights Reserved