TodayLoad.com <<:Web-Effect+Cursor Moving Eye:>>

::- Example ::-> ตัวอย่าง ลองดู ลูกตาตามเมาส์ ครับ

+:: Source Code ::+

+:: Descriptions ::+

(2)
- Select All -

if(navigator.appVersion.charAt(0)=="4")
  {brOK=true;}
if(navigator.appName.indexOf("Microsoft")!=-1)
  {mie=true; }

function myhandler(e)
{ex=e.pageX; 
 ey=e.pageY;
 moveeye()
 return routeEvent(e);
}

function moveeye()
{dy=ey-y0-20;
 dx1=ex-x0-20;
 dx2=ex-x0-60;

r=Math.sqrt(dx1*dx1+dy*dy);
 if(r<20) r=20
 dx1=dx1*10/r+x0+10;
 dy1=dy*10/r+y0+10;

r=Math.sqrt(dx2*dx2+dy*dy);
 if(r<20) r=20
 dx2=dx2*10/r+x0+50;

ae.left=x0;  
 ae.top=y0;  
 le.left=dx1;  
 le.top=dy1;  
 re.left=dx2;  
 re.top=dy1;  
}

function moveall()
{rx=realx+40
 ry=realy+40;
 rx+=(ex-rx)*0.1;
 ry+=(ey-ry)*0.1;
 realx=rx-40;
 realy=ry-40;
 x0=Math.round(realx);
 y0=Math.round(realy);
 moveeye();
 tid=setTimeout('moveall()',100);
}

function placeeyes(x,y)
{if(brOK)
 {ex=x+40;
  ey=y+40;
  s ='<DIV ID="dummy"    STYLE="position:absolute; top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
  s+='<DIV ID="eyeballs" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:80; height:40;"  ><IMG SRC="eyeballs.gif"  border=0></DIV>';
  s+='<DIV ID="lefteye"  STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;"  ><IMG SRC="eye.gif"   border=0></DIV>';
  s+='<DIV ID="righteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;"  ><IMG SRC="eye.gif"  border=0></DIV>';
  document.writeln(s);
 }
}

</script>
<script FOR=document Event="onmousemove()">
if((mie==true)&&(brOK)&&loaded)
  {ex=event.x;
   ey=event.y;
   moveeye();
  }
</script>

(3)

(4)

(1) Dowload eyes.zip แล้วขยายไฟล์ภาพลูกตาออกเป็น 2 ไฟล์ ไว้ที่ เดียวกับไฟล์ html ของคุณ

eyes.zip

(2) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Head> </Head> ดังตัวอย่าง

(3) เพิ่ม onLoad='if(brOK) setHandlers()' onUnload='if(brOK) {if(tid) clearTimeout(tid);}' ไว้เป็น แอตทริบิวต์ของ Tag <BODY> ตามตัวอย่าง

(4) Copy Code ไปใช้งาน โดยวางไว้ระหว่าง Tag <Body> ... </Body>

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com