在网页上显示一个会移动的透明时钟的代码。。。

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

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

<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><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');}for (i=0;i<M.length;i++){document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></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="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=1;i<d_+1;i++){document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}document.write('</div></div>');document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0;i<M.length;i++){document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');}document.write('</div></div>');document.write('</div></div>');document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0;i<H.length;i++){document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}document.write('</div></div>');document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0;i<S.length;i++){document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></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.οnlοad=clock;}
window.οnlοad=clock;
</script>

 

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

我的邮箱是tawe@sina.com.cn

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
***************************************************** 电脑闹钟3.0新特性: 因为本版本改动实在太大,所以直接定为3.0版; 1、界面重做,并增加了换肤功能;(真诚感谢非鱼朋友为此软件量身定做背景图案,在他工作繁忙之中,能够给予本人如此热忱的帮助,在此深深感谢!非鱼:有的皮肤完全是我用ps一点一点画出来,痛苦啊~~~~) 2、可以设定三个时间点让闹钟响(本人用于早上起床一个,中午起床一个,晚上提醒休息一个),每个时间点都可以设定单独的声音。应该是够用了; 3、增加了自动整点报时功能; 4、随时可以真人发声报时(在右键菜单中选“报时”)。 说明: 在此谢谢叶孤城、Xbobo等朋友对本人开发期间提出的建议和各位网友对本人作品的肯定,也谢谢各位对本人作品的使用。 再附一点3.0的说明: 1、如果你不想设置这么多的时间点,你可以设置时把后两个时间点清空。程序默认第一个时间点是必须要设置的。 2、由于本人这儿的录音条件实在有限,所以语音报时所用的语音资源文件来自米老鼠朋友的提供,在此表示深深的谢意! 3、本人编译环境为Win2000和Delphi6,可能在98和me下面运行存在问题,对此本人表示遗憾。谁有兴趣可以修改一下,我是真的没有时间了:) 祝 各位朋友愚人节快乐! 风之铃 2003.3.31 ************************************************* 电脑闹钟1.2新特性: 1、最小化为隐藏窗体; 2、修正了设置为 自动开机运行 时有时不能正确自动运行的问题; 3、增加了一个About窗口(做广告?); 4、重写了播放器代码,现在可以支持更多的格式:wav,wma,mid,rmi,mp3……等。如果在你的机器上出现某种声音格式不能播放的情景(有的机器对于MP3文件出现这种情况),请打开你的Windows Media Player,设置与相应的文件格式关联(其实就是更改一下注册表中的文件关联),然后就可以在闹钟中使用该格式的文件了; 5、加入了测试播放的功能; 6、从本版本开始公布源代码,所以加入了GNU的GPL许可证,并改写了源代码架构,增加了更多的注释,以方便大家理解

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值