邮件订阅
5ucms插件,在网页上显示一个会移动的透明时钟的代码。。。
作者: 来源: 日期:2015/8/27 12:51:28 浏览量:56(滞后) 人气:LOADING...(实时) 【

5ucms插件,在网页上显示一个会移动的透明时钟的代码。。。

大家有没有去过小熊在线?上面的论坛有一个会随滚动条走的时钟,

而且是透明的,十分好看, 下面公布它的代码,希望对大家有所帮助

<script LANGUAGE="JavaScript">
Zp=670;H=''....'';H=H.split('''');M=''.....'';M=M.split('''');S=''......'';S=S.split('''');Yp=0;Xp=0;Yb=8;Xb=8;d_=12;ns=(document.layers)?1:0;fCol=''222222'';sCol=''ff0000'';mCol=''0000ee'';hCol=''green'';if (ns){dgts=''1 2 3 4 5 6 7 8 9 10 11 12'';dgts=dgts.split('' '');for (i=0;i<d_;i++){document.write(''<layer name=nsDigits''+i+'' top=0 left=0 height=30 width=30><center><f></layer>'');}for (i=0;i<H.length;i++){document.write(''<layer name=nz''+i+'' top=0 left=0 bgcolor=''+hCol+'' clip="0,0,2,2"></layer>'');}for (i=0;i<S.length;i++){document.write(''<layer name=nx''+i+'' top=0 left=0 bgcolor=''+sCol+'' clip="0,0,2,2"></layer>'');}}else{document.write(''<div style="positi>'');for (i=1;i<d_+1;i++){document.write(''<div id="ieDigits" style="positi><div style="positi></div>'');}document.write(''</div></div>'');document.write(''</div></div>'');document.write(''<div style="positi>'');for (i=0;i<H.length;i++){document.write(''<div id=z style="positi><div style="positi></div>'');}document.write(''</div></div>'');}function clock(){time=new Date ();secs=time.getSeconds();sec=-1.57+Math.PI*secs/30;mins=time.getMinutes();min=-1.57+Math.PI*mins/30;hr=time.getHours();hrs=-1.57+Math.PI*hr/6+Math.PI*parseInt(time.getMinutes())/360;if (ns){Yp=window.pageYOffset+window.innerHeight-60;Xp=80;}else{Yp=document.body.scrollTop+window.document.body.clientHeight-60;Xp=document.body.scrollLeft+60;}if (ns){for (i=0;i<d_;++i){document.layers["nsDigits"+i].top=Yp-5+40*Math.sin(-0.49+d_+i/1.9);document.layers["nsDigits"+i].left=Xp-15+40*Math.cos(-0.49+d_+i/1.9);}for (i=0;i<S.length;i++){document.layers["nx"+i].top=Yp+i*Yb*Math.sin(sec);document.layers["nx"+i].left=Xp+i*Xb*Math.cos(sec);}for (i=0;i<M.length;i++){document.layers["ny"+i].top=Yp+i*Yb*Math.sin(min);document.layers["ny"+i].left=Xp+i*Xb*Math.cos(min);}for (i=0;i<H.length;i++){document.layers["nz"+i].top=Yp+i*Yb*Math.sin(hrs);document.layers["nz"+i].left=Xp+i*Xb*Math.cos(hrs);}}else{for (i=0;i<d_;++i){ieDigits[i].style.pixelTop=Yp-15+40*Math.sin(-0.49+d_+i/1.9);ieDigits[i].style.pixelLeft=Xp-14+40*Math.cos(-0.49+d_+i/1.9)+Zp;}for (i=0;i<S.length;i++){x[i].style.pixelTop=Yp+i*Yb*Math.sin(sec);x[i].style.pixelLeft=Xp+i*Xb*Math.cos(sec)+Zp;}for (i=0;i<M.length;i++){y[i].style.pixelTop=Yp+i*Yb*Math.sin(min);y[i].style.pixelLeft=Xp+i*Xb*Math.cos(min)+Zp;}for (i=0;i<H.length;i++){z[i].style.pixelTop=Yp+i*Yb*Math.sin(hrs);z[i].style.pixelLeft=Xp+i*Xb*Math.cos(hrs)+Zp;}}setTimeout(''clock()'', 50);}
if (document.layers &brvbar;&brvbar; document.all) {window.onload=clock;}
window.onload=clock;
</script>

 

只要把这段代码放入你的<body> </body>之间就可以了,如果有问题,再和我联系

我的邮箱是tawe@sina

这是我问一个高手,他告诉我的,我试过了,效果十分的好!


无忧站长学院,建站自然无忧www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms帮助如何显示年月日及星期问题
下一篇:5ucms教程,一个用js加密的好玩的东东
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms插件,在网页上显示一个会移动的透明时钟的代码。。。的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org