网页特效的代码,在美化网页时有很大的作用

源代码在线查看: 跟随鼠标的日期时间表盘.txt

软件大小: 246 K
上传用户: __catcher
关键词: 代码 美化
下载地址: 免注册下载 普通下载 VIP

相关代码

				
				
				网页特效|Linkweb.cn/Js|---跟随鼠标的日期时间表盘
				
				
				
				                     
								dCol="0000FF"
				fCol="FF0000"
				sCol="00FF00"
				mCol="000000"
				hCol="000000"
				ClockHeight=40;                     
				ClockWidth=40;                     
				ClockFromMouseY=0;                     
				ClockFromMouseX=100;                     
				                     
				d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");                     
				m=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");                     
				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;                     
				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="";                     
				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.03;                     
				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(''+props2+D[i]+'');                     
				for (i=0; i < n; i++)                     
				document.write(''+props+Face[i]+'');                     
				for (i=0; i < S.length; i++)                     
				document.write(''+S[i]+'');                     
				for (i=0; i < M.length; i++)                     
				document.write(''+M[i]+'');                     
				for (i=0; i < H.length; i++)                     
				document.write(''+H[i]+'');                     
				}                     
				if (ie){                     
				document.write('');                     
				for (i=0; i < D.length; i++)                     
				document.write(''+props2+D[i]+'');                     
				document.write('');                     
				document.write('');                     
				for (i=0; i < n; i++)                     
				document.write(''+props+Face[i]+'');                     
				document.write('');                     
				document.write('');                     
				for (i=0; i < H.length; i++)                     
				document.write(''+H[i]+'');                     
				document.write('');                     
				document.write('');                     
				for (i=0; i < M.length; i++)                     
				document.write(''+M[i]+'');                     
				document.write('')                     
				document.write('');                     
				for (i=0; i < S.length; i++)                     
				document.write(''+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;                     
				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()',40);                     
				}                     
				if (ns||ie)window.onload=Delay;                     
				//-->                     
				
							

相关资源