Clock effect that follows mouse movement (Chinese and English date display) implemented by js_Page background

Chinese date limit

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute it ]

English date display: [Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ] <!-- dCol='red'; //定义日历颜色 fCol='#ff0000'; //定义1-12这12个数的颜色 sCol='#00ff00'; //定义秒针颜色 mCol='#0000ff'; //定义分针颜色 hCol='#ff0000'; //定义时针颜色 ClockHeight=40; //定义时钟的高度 ClockWidth=40; //定义时钟的宽度 ClockFromMouseY=0; //定义时钟的中心距鼠标的相对垂直距离 ClockFromMouseX=100; //定义时钟中心距鼠标的相对水平距离 //以上颜色值你要据你页面的背景颜色进行修改！注意不要你页面的背景色一致哦。 d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); m=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"); //以上是给定星期和月份的取值范围 date=new Date(); 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 11 12'; font='Arial'; size=1; //定义秒、分、时针及1-12等字符的宋体、大小（最好匆改动哦） speed=0.8; //定义一旦鼠标位置发生变化时所有相关字符跟随至前面指定的鼠标的相对位置的速度，能看到各字符的轨迹，值可在0.1-1.0之间改动（值最小为0.1时跟随过来的速度最慢，值为1.0时跟随速度最快且与轨迹显示） ns=(document.layers); ie=(document.all); //说明在NS和IE两种不同浏览器里都适用

//以下的大段语句定义了NS和IE浏览器各自如何控制并完成时间和旋转的日历跟随鼠标转的 Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props=" "; props2=" "; 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=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 '+props2+D[i]+''); for (i=0; i '+props+Face[i]+''); for (i=0; i '+S[i]+''); for (i=0; i '+M[i]+''); for (i=0; i '+H[i]+''); }

if (ie){ document.write(' '); for (i=0; i '+props2+D[i]+''); document.write(''); document.write(' '); for (i=0; i '+props+Face[i]+''); document.write(''); document.write(' '); for (i=0; i '+H[i]+''); document.write(''); document.write(' '); for (i=0; i '+M[i]+''); document.write('') document.write(' '); for (i=0; i '+S[i]+''); document.write('') }

(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;

Clock effect that follows mouse movement (Chinese and English date display) implemented by js_Page background

Related articles