大雀软件园

最新软件 | 热门专题 |
网站导航

软件频道

软件下载 文章资讯 驱动大全

安卓市场

安卓应用 安卓游戏

苹果市场

苹果应用 苹果游戏

游戏下载

电脑游戏 单机游戏 安卓游戏

专题合集

软件专题 苹果专题 安卓专题

快速通道

最新软件 下载排行 下载分类 下载专题
软件
  • 软件
  • 安卓
  • 苹果
  • 专题
搜 索

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置： 首页 -> 技术开发 -> ASP专区 -> 网页特效----浮动的时钟

网页特效----浮动的时钟

时间： 2021-07-31 作者：daque

 <html><head><title>浮动的时钟</title><meta content="text/html; charset=utf8" http-equiv=content-type>

<script language=javascript>dcol='000000';//date colour.fcol='000000';//face colour.scol='000000';//seconds colour.mcol='000000';//minutes colour.hcol='000000';//hours colour.clockheight=30;clockwidth=30;clockfrommousey=0;clockfrommousex=50;d=new array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");m=new array("一月份","二月份","季春份","四月份份份","仲夏份","六月份","七月份","仲秋份","暮秋份","小阳春份","仲冬","十二月");date=new date();day=date.getdate();year=date.getyear();if (year < 2000) year=year+1900;todaysdate=" "+d[date.getday()]+" "+day+" "+m[date.getmonth()]+" "+year;d=todaysdate.split('');h='...';h=h.split('');m='....';m=m.split('');s='.....';s=s.split('');face='1 2 3 4 5 6 7 8 9 10 11 12';font='arial';size=1;speed=0.6;ns=(document.layers);ie=(document.all);face=face.split(' ');n=face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fcol+"><b>";props2="<font face="+font+" size="+size+" color="+dcol+"><b>";split=360/n;dsplit=360/d.length;handheight=clockheight/4.5handwidth=clockwidth/4.5handy=-7;handx=-2.5;scrll=0;step=0.06;currstep=0;y=new array();x=new array();y=new array();x=new array();for (i=0; i < n; i++){y[i]=0;x[i]=0;y[i]=0;x[i]=0}dy=new array();dx=new array();dy=new array();dx=new array();for (i=0; i < d.length; i++){dy[i]=0;dx[i]=0;dy[i]=0;dx[i]=0}if (ns){for (i=0; i < d.length; i++)document.write('<layer name="nsdate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+d[i]+'</font></center></layer>');for (i=0; i < n; i++)document.write('<layer name="nsface'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+face[i]+'</font></center></layer>');for (i=0; i < s.length; i++)document.write('<layer name=nsseconds'+i+' top=0 left=0 width=15 height=15><font face=arial size=3 color='+scol+'><center><b>'+s[i]+'</b></center></font></layer>');for (i=0; i < m.length; i++)document.write('<layer name=nsminutes'+i+' top=0 left=0 width=15 height=15><font face=arial size=3 color='+mcol+'><center><b>'+m[i]+'</b></center></font></layer>');for (i=0; i < h.length; i++)document.write('<layer name=nshours'+i+' top=0 left=0 width=15 height=15><font face=arial size=3 color='+hcol+'><center><b>'+h[i]+'</b></center></font></layer>');}if (ie){document.write('<div id="od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < d.length; i++)document.write('<div id="iedate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+d[i]+'</b></font></div>');document.write('</div></div>');document.write('<div id="of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < n; i++)document.write('<div id="ieface" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+face[i]+'</b></font></div>');document.write('</div></div>');document.write('<div id="oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < h.length; i++)document.write('<div id="iehours" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:'+hcol+';text-align:center;font-weight:bold">'+h[i]+'</div>');document.write('</div></div>');document.write('<div id="om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < m.length; i++)document.write('<div id="ieminutes" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:'+mcol+';text-align:center;font-weight:bold">'+m[i]+'</div>');document.write('</div></div>')document.write('<div id="os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < s.length; i++)document.write('<div id="ieseconds" style="position:absolute;width:16px;height:16px;font-family:arial;font-size:16px;color:'+scol+';text-align:center;font-weight:bold">'+s[i]+'</div>');document.write('</div></div>')}(ns)?window.captureevents(event.mousemove):0;function mouse(evnt){ymouse = (ns)?evnt.pagey+clockfrommousey-(window.pageyoffset):event.y+clockfrommousey;xmouse = (ns)?evnt.pagex+clockfrommousex:event.x+clockfrommousex;}(ns)?window.onmousemove=mouse:document.onmousemove=mouse;function clockandassign(){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.575 + math.pi * hr/6+math.pi*parseint(time.getminutes())/360;if (ie){od.style.top=window.document.body.scrolltop;of.style.top=window.document.body.scrolltop;oh.style.top=window.document.body.scrolltop;om.style.top=window.document.body.scrolltop;os.style.top=window.document.body.scrolltop;}for (i=0; i < n; i++){ var f=(ns)?document.layers['nsface'+i]:ieface[i].style; f.top=y[i] + clockheight*math.sin(-1.0471 + i*split*math.pi/180)+scrll; f.left=x[i] + clockwidth*math.cos(-1.0471 + i*split*math.pi/180); }for (i=0; i < h.length; i++){ var hl=(ns)?document.layers['nshours'+i]:iehours[i].style; hl.top=y[i]+handy+(i*handheight)*math.sin(hrs)+scrll; hl.left=x[i]+handx+(i*handwidth)*math.cos(hrs); }for (i=0; i < m.length; i++){ var ml=(ns)?document.layers['nsminutes'+i]:ieminutes[i].style; ml.top=y[i]+handy+(i*handheight)*math.sin(min)+scrll; ml.left=x[i]+handx+(i*handwidth)*math.cos(min); }for (i=0; i < s.length; i++){ var sl=(ns)?document.layers['nsseconds'+i]:ieseconds[i].style; sl.top=y[i]+handy+(i*handheight)*math.sin(sec)+scrll; sl.left=x[i]+handx+(i*handwidth)*math.cos(sec); }for (i=0; i < d.length; i++){ var dl=(ns)?document.layers['nsdate'+i]:iedate[i].style; dl.top=dy[i] + clockheight*1.5*math.sin(currstep+i*dsplit*math.pi/180)+scrll; dl.left=dx[i] + clockwidth*1.5*math.cos(currstep+i*dsplit*math.pi/180); }currstep-=step;}function delay(){scrll=(ns)?window.pageyoffset:0;dy[0]=math.round(dy[0]+=((ymouse)-dy[0])*speed);dx[0]=math.round(dx[0]+=((xmouse)-dx[0])*speed);for (i=1; i < d.length; i++){dy[i]=math.round(dy[i]+=(dy[i-1]-dy[i])*speed);dx[i]=math.round(dx[i]+=(dx[i-1]-dx[i])*speed);}y[0]=math.round(y[0]+=((ymouse)-y[0])*speed);x[0]=math.round(x[0]+=((xmouse)-x[0])*speed);for (i=1; i < n; i++){y[i]=math.round(y[i]+=(y[i-1]-y[i])*speed);x[i]=math.round(x[i]+=(x[i-1]-x[i])*speed);}clockandassign();settimeout('delay()',20);}if (ns||ie)window.onload=delay;</script></head><body>

</body></html>

 

相关推荐

推荐下载

热门阅览

最新排行

关于我们| 网站地图| 广告合作| 下载帮助| 下载声明

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.