上海奉贤 网站建设
网站首页 >> 非常酷的时钟，图片制作精美并有日期显示
非常酷的时钟，图片制作精美并有日期显示
发布于：2007-10-28 已被阅读： 次 来源：上海奉贤网站建设
<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>非常酷的时钟，图片制作精美并有日期显示</TITLE><STYLE type=text/css>.light {FILTER: Light}.date {COLOR: #000000; FONT-FAMILY: "Geneva", "Arial", "Helvetica", "san-serif"; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center}</STYLE></HEAD><BODY ><SCRIPT>function setLights(){var sx=Math.cos(slightDir)*slightr;var sy=Math.sin(slightDir)*slightr;var mx=Math.cos(mlightDir)*mlightr;var my=Math.sin(mlightDir)*mlightr;var hx=Math.cos(hlightDir)*hlightr;var hy=Math.sin(hlightDir)*hlightr;sconDiv.filters.Light.clear();sconDiv.filters.Light.addCone(sx+72,sy+72,1,73,72,215,255,5,20,1);sconDiv.filters.Light.addCone(mx+72,my+72,1,73,72,255,10,0,20,2);sconDiv.filters.Light.addCone(hx+72,hy+72,1,73,72,15,100,255,20,4);sconDiv.filters.Light.addAmbient(155,155,155,100);}function timeGo(){var tt=new Date();slightDir=(tt.getSeconds())/60*6.28-1.57;mlightDir=(tt.getMinutes())/60*6.28-1.57;hlightDir=(tt.getHours())/12*6.28-1.57+mlightDir/6.28*0.52+0.05;dateDiv.innerText=tt.getMonth()+1+"-"+tt.getDate();setLights();}function InitClock(){slightr=110;mlightr=90;hlightr=60;timeGo();setInterval("timeGo()",1000);}window.onload=InitClock;</SCRIPT><DIV id=clockDiv style="HEIGHT: 222px; LEFT: 145px; POSITION: absolute; TOP: 12px; WIDTH: 233px; Z-INDEX: 1"><DIV class=light id=sconDiv style="HEIGHT: 70px; LEFT: 27px; POSITION: absolute; TOP: 22px; WIDTH: 70px; Z-INDEX: 1"><IMG height=144 src="..s/290/clockm.gif" width=144></DIV><IMG height=200 src="..s/290/clock2.gif" width=200> <DIV id=clLayer style="HEIGHT: 25px; LEFT: 88px; POSITION: absolute; TOP: 80px; WIDTH: 25px; Z-INDEX: 2"><IMG height=26 src="..s/290/clockd.gif" width=26></DIV><DIV class=date id=dateDiv style="HEIGHT: 16px; LEFT: 85px; POSITION: absolute; TOP: 178px; WIDTH: 32px; Z-INDEX: 3">12-2</DIV></DIV></BODY></HTML> <!-- 要实现此效果需要 2 个步骤： --><!-- 第 1 步： --><!-- 把下面的代码加到<HEAD></HEAD>区域中： --><STYLE type=text/css>.light {FILTER: Light}.date {COLOR: #000000; FONT-FAMILY: "Geneva", "Arial", "Helvetica", "san-serif"; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center}</STYLE><!-- 第 2 步： --><!-- 把下面的代码加到<BODY></BODY>区域中： --><SCRIPT>function setLights(){var sx=Math.cos(slightDir)*slightr;var sy=Math.sin(slightDir)*slightr;var mx=Math.cos(mlightDir)*mlightr;var my=Math.sin(mlightDir)*mlightr;var hx=Math.cos(hlightDir)*hlightr;var hy=Math.sin(hlightDir)*hlightr;sconDiv.filters.Light.clear();sconDiv.filters.Light.addCone(sx+72,sy+72,1,73,72,215,255,5,20,1);sconDiv.filters.Light.addCone(mx+72,my+72,1,73,72,255,10,0,20,2);sconDiv.filters.Light.addCone(hx+72,hy+72,1,73,72,15,100,255,20,4);sconDiv.filters.Light.addAmbient(155,155,155,100);}function timeGo(){var tt=new Date();slightDir=(tt.getSeconds())/60*6.28-1.57;mlightDir=(tt.getMinutes())/60*6.28-1.57;hlightDir=(tt.getHours())/12*6.28-1.57+mlightDir/6.28*0.52+0.05;dateDiv.innerText=tt.getMonth()+1+"-"+tt.getDate();setLights();}function InitClock(){slightr=110;mlightr=90;hlightr=60;timeGo();setInterval("timeGo()",1000);}window.onload=InitClock;</SCRIPT><DIV id=clockDiv style="HEIGHT: 222px; LEFT: 145px; POSITION: absolute; TOP: 12px; WIDTH: 233px; Z-INDEX: 1"><DIV class=light id=sconDiv style="HEIGHT: 70px; LEFT: 27px; POSITION: absolute; TOP: 22px; WIDTH: 70px; Z-INDEX: 1"><IMG height=144 src="..s/290/clockm.gif" width=144></DIV><IMG height=200 src="..s/290/clock2.gif" width=200> <DIV id=clLayer style="HEIGHT: 25px; LEFT: 88px; POSITION: absolute; TOP: 80px; WIDTH: 25px; Z-INDEX: 2"><IMG height=26 src="..s/290/clockd.gif" width=26></DIV><DIV class=date id=dateDiv style="HEIGHT: 16px; LEFT: 85px; POSITION: absolute; TOP: 178px; WIDTH: 32px; Z-INDEX: 3">12-2</DIV></DIV>
网站建设相关信息
为什么要建设网站
企业为何需要做网站，企业做网站的目的是为什么，有的企业网站做了但一点效果也没有，那是因为企业没有让网站发挥作用..联系方式
手机：13482597886
Q Q：41218056
Q Q: 41218056
qq41218056@hotmail.com
网站建设
英文网站建设与中文网站
日文网站建设-日文网站设计
走好电子商务网站的建设
八大要领 做网站就这么简单
电子商务十忌与建设网站
优秀网站制作的五大要素
网站功能设计的适用性评价
高级技巧：个性化网站设计
行业网站的设计心得
从网页到网络平台 网站开
网站文化与网页设计
一个成功的网站设计
网站建设项目合同撰写注意
企业如何准备网站建设资料
网站建设需要策划吗?
网络营销市场回顾与展望
企业网站建设有哪些不足
网站优化
网站推广时几点禁忌 上海
网站设计应注意的25条
网站策划方案写作、演示
网站推广技巧--实战中文
网站开发策划所需要的文档
企业网站推广效果分析
如何做好网站开发项目的
企业网站的推广漫谈 上海
最佳适合于网站海外推广
网站策划，需要什么的人才
网站策划与建设阶段网站推
网络营销中网站个性化设计