มีรอยเท้าตาม MOUSE แล้วสักพักก็จะหายไป

มีรอยเท้าตาม MOUSE แล้วสักพักก็จะหายไป

ให้คุณ SAVE ภาพประกอบ CODE ที่อยู่ด้านล่างไปด้วยครับ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

<script> var isNS = (navigator.appName == "Netscape"); var STEPSIZE = 60; function processMouseIE() { if(event.clientX>(tmpX+STEPSIZE) || event.clientX<(tmpX-STEPSIZE) || event.clientY>(tmpY+STEPSIZE) || event.clientY<(tmpY-STEPSIZE)) { document.all.left.style.visibility="visible"; document.all.right.style.visibility="visible"; //swap foot to move if(current=="right") current="left"; else current="right"; tmpX=event.clientX; tmpY=event.clientY; if(current=="left")//left is topmost { document.all.right.style.pixelLeft = event.clientX + document.body.scrollLeft - 0; document.all.right.style.pixelTop = event.clientY + document.body.scrollTop + 5 ; } if (current=="right")//right is topmost { document.all.left.style.pixelLeft = event.clientX + document.body.scrollLeft - 0; document.all.left.style.pixelTop = event.clientY + document.body.scrollTop + 5 ; } } } function processMouseNS(e) { if(e.pageX>(tmpX+STEPSIZE) || e.pageX<(tmpX-STEPSIZE) || e.pageY>(tmpY+STEPSIZE) || e.pageY<(tmpY-STEPSIZE)) { document.left.visibility="show"; document.right.visibility="show"; //swap foot to move if(current=="right") current="left"; else current="right"; tmpX=e.pageX; tmpY=e.pageY; if(current=="left")//left is topmost { document.right.left = e.pageX; document.right.top = e.pageY; } if (current=="right")//right is topmost { document.left.left = e.pageX; document.left.top = e.pageY; } } } function hidef() { if(isNS){ document.left.visibility="hide"; document.right.visibility="hide"; } else{ document.all.left.style.visibility="hidden"; document.all.right.style.visibility="hidden"; } } function init() { current="right"; setInterval("hidef();",2000);//turn feet off after 2 secs if(isNS){ tmpX=100; //arbitory start positions tmpY=150; document.right.left = tmpX; document.right.top = tmpY; document.left.left = tmpX; document.left.top = tmpY+STEPSIZE; document.captureEvents(Event.MOUSEMOVE); document.onmousemove = processMouseNS; } else{ tmpX=event.clientX; tmpY=event.clientY; document.all.right.style.pixelLeft = event.clientX + document.body.scrollLeft - 0; document.all.right.style.pixelTop = event.clientY + document.body.scrollTop + 5 ; document.all.left.style.pixelLeft = event.clientX + document.body.scrollLeft - 0; document.all.left.style.pixelTop = event.clientY + document.body.scrollTop + STEPSIZE; document.onmousemove = processMouseIE; } } </script>

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

แล้วเพิ่ม onLoad="init()" เข้าไปใน <body> ครับ เป็นแบบด้านล่างนี้ครับ