欢迎光临
我们一直在努力

鼠标下浮动的文字和时钟-ASP教程,ASP应用

建站超值云服务器,限时71元/月

<!– 动态鼠标开始 –>

<script language="javascript"><!–

var dy,dx,dy,dx,i,x,y,x,y,ie,ns,d,h,m,s,n,a;

var dcol=009900;//date colour.

var fcol=ff6666;//face colour.

var scol=0000ff;//seconds colour.

var mcol=000000;//minutes colour.

var hcol=ff0000;//hours colour.

var clockheight=40;

var clockwidth=40;

var clockfrommousey=-30;

var clockfrommousex=60;

var ymouse=0;

var xmouse=0;

var scrll=0;

var font=arial;

var size=2;

var speed=0.5;

var todaysdate="☆健康是福☆有爱是缘";

var face=1 2 3 4 5 6 7 8 9 10 11 12;

d=todaysdate.split();

face=face.split( );

h=….;

h=h.split();

m=…..;

m=m.split();

s=……;

s=s.split();

ns=(document.layers);

ie=(document.all);

n=face.length;

a=size*10;

var props="<font face="+font+" size="+size+" color="+fcol+"><b>";

var props2="<font face="+font+" size="+size+" color="+dcol+">";

var split=360/n;

var dsplit=360/d.length;

var handheight=clockheight/5.5

var handwidth=clockwidth/5.5

var handy=-7;

var handx=-2.5;

var step=0.06;

var 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]+</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(){

var time = new date ();

var secs = time.getseconds();

var sec = -1.57 + math.pi * secs/30;

var mins = time.getminutes();

var min = -1.57 + math.pi * mins/30;

var hr = time.gethours();

var 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.3*math.sin(currstep+i*dsplit*math.pi/180)+scrll;

dl.left=dx[i] + clockwidth*1.3*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(),40);

}

if (ns||ie) delay();//if (ns||ie)window.onload=delay();

// –></script>

<!– 动态鼠标结束 –>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 鼠标下浮动的文字和时钟-ASP教程,ASP应用
分享到: 更多 (0)

相关推荐

  • 暂无文章