跟随鼠标的日期时间表盘 特效代码
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→跟随鼠标的日期时间表盘 特效代码

跟随鼠标的日期时间表盘 特效代码
跟随鼠标的日期时间表盘 特效代码

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---跟随鼠标的日期时间表盘</title>
</head><BODY>
<!--将以下代码加入HTML的<Body></Body>之间-->

<SCRIPTlanguage=JavaScript>                    
<!--                    
dCol="0000FF"
fCol="FF0000"
sCol="00FF00"
mCol="000000"
hCol="000000"
ClockHeight=40;                    
ClockWidth=40;                    
ClockFromMouseY=0;                    
ClockFromMouseX=100;                    
                    
d=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");                    
m=newArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");                    
date=newDate();                    
day=date.getDate();                    
year=date.getYear();                    
if (year < 2000)year=year+1900;                    
TodaysDate="年 "+m[date.getMonth()]+" "+day+"日 "+d[date.getDay()]+""+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 1112';                    
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+">";                    
props2="<font face="+font+" size="+size+"color="+dCol+">";                    
Split=360/n;                    
Dsplit=360/D.length;                    
HandHeight=ClockHeight/4.5                    
HandWidth=ClockWidth/4.5                    
HandY=-7;                    
HandX=-2.5;                    
scrll=0;                    
step=0.06;                    
currStep=0;                    
y=new Array();x=new Array();Y=new Array();X=newArray();                    
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=newArray();                    
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=0left=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=0left=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=0left=0 width=15 height=15><fontface=Arial size=3color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');                    
for (i=0; i < M.length;i++)                    
document.write('<layer name=nsMinutes'+i+' top=0left=0 width=15 height=15><fontface=Arial size=3color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');                    
for (i=0; i < H.length;i++)                    
document.write('<layer name=nsHours'+i+' top=0left=0 width=15 height=15><fontface=Arial size=3color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');                    
                   
if(ie){                    
document.write('<div id="Od"style="position:absolute;top:0px;left:0px"><divstyle="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]+'</font></div>');                    
document.write('</div></div>');                    
document.write('<div id="Of"style="position:absolute;top:0px;left:0px"><divstyle="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]+'</font></div>');                    
document.write('</div></div>');                    
document.write('<div id="Oh"style="position:absolute;top:0px;left:0px"><divstyle="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"><divstyle="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"><divstyle="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;                    
functionMouse(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;                    
functionClockAndAssign(){                    
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++){                    
varF=(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++){                    
varHL=(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++){                    
varML=(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++){                    
varSL=(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++){                    
varDL=(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;                    
                   
functionDelay(){                    
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()',40);                    
                   
if(ns||ie)window.onload=Delay;                    
//-->                    
</SCRIPT>
</body></html>

所属分类:建站指南代码特效    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航