水中倒影的时间特效代码-JS特效-爱易网页

水中倒影的时间特效代码

日期：2014-05-18　浏览次数：20258 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

将下面代码加入到你网页的<head></head>中.....

<style type="text/css">

</style><style type="text/css">
</style>
<script Language="JavaScript">
</script>

将你网页中<body>改为<body onLoad="init()">

将下面这部分代码加入到<body></body>中...

<div Id="tim1" Style="position:absolute; width:10; height:10; top:10; left:50"
class="time"></div><div Id="tim2"
Style="position:absolute; filter:flipv() alpha(opacity=20); font-style:italic"
class="time">
<p>　</p>
</div>

最后将下面代码加入到网页源文件的最后面即可....

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

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

国美在线叫板京东：李俊涛底气在哪?

埃里克杰克森：阿里IPO估值至少1500亿美元

QQ空间与微信龟兔赛跑，商业生态链陷入死循环

微软最后的救命稻草Win 8份额继续上升

首家国有独资P2P平台上线或预示政策日渐明朗

公信力消失：马航事件社交媒体传播之痛

中移动本月推手机钱包 iPhone遭边缘化

苹果大中华区业绩回暖中移动贡献或低于预期

支付宝全面封杀比特币：充值码淘宝店或遭封禁

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>