您现在的位置：首页 >>
特效代码
>> 详细内容>> 【字体：
大 中 小】【颜色：
红
绿
蓝 黑】
倒影时钟：走动的时间还有倒影，看看吧
[内容提要] 效果演示：第一步把下面的代码加入head/head之间ScriptLanguage="JavaScript"!--Hidingvarctimer;functioninit(){if(document.all){tim2.style.left=tim1.style.posL...
作者: 优内科技 来源:
优内科技 驻站日期:2008/12/9 【
加入收藏 】 【
打印此页 】 【
关闭 】
| 效果演示：
|
第一步把下面的代码加入<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> |
相关新闻
E- mail:
本站ICP备案号：
