鼠标下浮动的文字和时钟(转帖修改)[1]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 luckyjan 的 blog

<!--  动态鼠标开始  -->
<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(){

本文关键:鼠标下浮动的文字和时钟(转帖修改)
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top