网络时空 | 网页特效

特效说明

双击鼠标图片就会跟着你啦！也可以用鼠标拖动图片的，鼠标左右移动还可以变换图像，真好玩！

特

效

代

码

<SCRIPT language=JavaScript>
n=0
m=f=1
k=10	//图像移动速度
ns=navigator.appName=="Netscape";
t1=new Image();t1.src="http://www.k688.com/webtx/mouse/images/ts1.gif" //这里换成你的图片
t2=new Image();t2.src="http://www.k688.com/webtx/mouse/images/ts.gif"  //这里换成你的图片
function ner(){return true}
window.onerror=ner
function DM(){if(m)m=0;else m=1}
function M(e){
  if(n){
    if(ns){
      ts.left=x=e.pageX-xx;ts.top=y=e.pageY-yx
    }else{
      ts.left=x=document.body.scrollLeft+event.clientX-xx;ts.top=y=document.body.scrollTop+event.clientY-yx;event.returnValue=false}
  }else{
    if(ns){
      xm=e.pageX;ym=e.pageY
    }else{
      xm=document.body.scrollLeft+event.clientX;ym=document.body.scrollTop+event.clientY}}}
function dd(){
  if(!n){
		st=xm-x;
		if(st>60&&f<0){
			f=1
			document.t.src=t2.src
		}
		if(st<40&&f>0){
			f=-1
			document.t.src=t1.src
		}
		if(!m){
			i=0
			if((st>120)||(st<-20)){
				ts.left=x+=parseInt(st/k)
				i++
			}
			st=ym-y
			if((st>85)||(st<-5)){
				ts.top=y+=parseInt(st/k)
				i++
			}
			if(i<1&&d){
				d=0
				setTimeout("rno()",5000)
			}
		}
	}
}
function MD(e){
	if(ns){
		xx=e.pageX;yx=e.pageY
	}else{
		xx=document.body.scrollLeft+event.clientX
		yx=document.body.scrollTop+event.clientY
	}
	if(xx<x+80&&xx>x+10&&yx<y+70&&yx>y+10){
		if(!ns){
			if(event.button<2){xx=xx-x;yx=yx-y;n=1}
		}else{
			xx=xx-x;yx=yx-y;n=1;return false
		}
	}
}
function MU(){if(n){n=0;xm=xx+x;ym=yx+y}}
function rno(){
	xm=parseInt(Math.random()*(screen.availWidth-200)+100)
	ym=parseInt(Math.random()*400+100)
	d=1
}
x=parseInt(Math.random()*(screen.availWidth-200)+100)
y=parseInt(Math.random()*400+100)
rno()
if(ns)document.captureEvents(Event.DBLCLICK|Event.MOUSEDOWN|Event.MOUSEUP|Event.MOUSEMOVE);
document.onmousemove=M;document.onmouseup=MU;document.onmousedown=MD;document.ondblclick=DM;
document.write("<div id=ts style=position:absolute;width:96;height:80;left:"+x+";top:"+y+";><img name=t src="+t2.src+" alt=双击鼠标小天使就会跟着你啦！也可以用鼠标拖动小天使的。></div>");
var ts=(ns)?document.ts:document.all.ts.style;
dd();setInterval("dd()",100)
</SCRIPT>

@_⌒ 特效预览 @_⌒

双击鼠标试试