精美js鼠标跟随代码

2024-09-05 12:21:51

字体：大中小

来源：转载

供稿：网友

精美的JavaScript鼠标跟随代码，几个漂亮的色球随着鼠标移动，富有弹性的那种。效果比较好，跟踪鼠标的几个色球是调入的外部图片，因些请先把这几个小图片下载下来，顺着代码里面有图片地址。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>精美js鼠标跟随代码</title></head><body><script> A=document.getElementByIdB=document.all;C=document.layers;T1=new Array("/jscss/demoimg/200905/trail1.gif",38,35,"/jscss/demoimg/200905/trail2.gif",30,31,"/jscss/demoimg/200905/trail3.gif",28,26,"/jscss/demoimg/200905/trail4.gif",22,21,"/jscss/demoimg/200905/trail5.gif",16,16,"/jscss/demoimg/200905/trail6.gif",10,10) var offsetx=15 var offsety=10 nos=parseInt(T1.length/3)rate=50ie5fix1=0;ie5fix2=0;rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2] for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((A || B)?"'":"");write((At)? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((A || B)?"</div>":"</layer>")} function getXpos(N){if (A)return parseInt(document.getElementById(N).style.left)else if (B)return parseInt(B[N].style.left)elsereturn C[N].left} function getYpos(N){if (A)return parseInt(document.getElementById(N).style.top)else if (B)return parseInt(B[N].style.top)elsereturn C[N].top} function moveContainer(N,DX,DY){c=(A)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : "";if (!B){rightedge=window.innerWidth-T1[1]-20bottomedge=window.pageYOffset+window.innerHeight-T1[2]}c.left=Math.min(rightedge, DX+offsetx);c.top=Math.min(bottomedge, DY+offsety);}function cycle(){//if (IE5) if (document.all&&window.print){ie5fix1=document.body.scrollLeft;ie5fix2=document.body.scrollTop;}for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)} function getedgesIE(){rightedge=document.body.clientWidth-T1[1]bottomedge=document.body.scrollHeight-T1[2]} if (B){window.onload=getedgesIEwindow.onresize=getedgesIE} if(document.layers)document.captureEvents(Event.MOUSEMOVE)document.onmousemove=newPossetInterval("cycle()",rate)</script></body></html>

上一篇：JavaScript点击图片无刷新切换背景

下一篇：JavaScript实现的漂亮颜色渐变