模板
教程
環境
性能
功能
管理
有趣的javascript程序：抓不到我
<script language="JavaScript"> 你可以用以下的原始碼在同一個頁面裡頭放入多張不同的圖片。將這裡的三個 unique_id 替換成 <layer name="unique_id" width=100 height=200> */ var oldX=0,oldY=0,newX,newY,xDir,yDir,swtDiv function swtFlee(arg) { function swtRun(divID) { function initFlee() { 然后把你想要拿來跟客人玩躲貓貓的圖片用下面這段 HTML 打點一下就成了： <layer name="unique_id" width=100 height=200> 把上面出現的三個unique_id替換成某個你自己取的唯一的名字（不過可別用swtLoc這個名字，它在這個程序里面是個保留字），然后把四組寬度與高度作適當的調整。你可以用上面的原始碼在同一個頁面里頭放入多張不同的圖片。感謝這段程序！這些圖片全都會立刻變得超級害羞，看到鼠標光標靠近就立刻躲到旁邊去。而且就像 Java 版本那樣，還真有些白癡家伙會樂此不疲地連續幾個鐘頭追著這些圖片跑哩！
你只消把這段程序代碼剪貼到你自己頁面的<head>區段里面:
<!--
/* Elusive image script by Paul Anderson, copyright 2001 CNET Builder.com.
May be freely used with attribution. Not for resale.
某個你自己取的唯一的名字（不過可別用 swtLoc 這個名字，它在這個程式裡面是個保留字），
然後把四組寬度與高度作適當的調整。
<div id="unique_id" style="position:relative;width:100;height:200;top:0;left:0;">
<a href="#" onmouseOver="swtRun('unique_id')" onmouseout="swtDiv=null">
<img alt=有趣的javascript程序：抓不到我 src="img.gif" width=100 height=200 border=0></a>
</div></layer><ilayer name="swtLoc" width=100 height=200></ilayer>
ev=arg?arg:event;
newX=ev.pageX?(isNaN(ev.pageX)?0:ev.pageX):ev.clientX;
newY=ev.pageY?(isNaN(ev.pageY)?0:ev.pageY):ev.clientY;
xDir=5*(newX-oldX);
yDir=5*(newY-oldY);
oldX=newX;
oldY=newY;
maxW=document.width?document.width:document.body.clientWidth;
maxH=document.height?document.height:document.body.clientHeight;
if (swtDiv) {
if (document.layers) swtDiv.style=swtDiv;
divW=swtDiv.clip?swtDiv.clip.width:parseInt(swtDiv.style.width);
divH=swtDiv.clip?swtDiv.clip.height:parseInt(swtDiv.style.height);
swtDiv.style.left=parseInt(swtDiv.style.left)+xDir;
swtDiv.style.top=parseInt(swtDiv.style.top)+yDir;
if (newX <= divW) swtDiv.style.left=parseInt(swtDiv.style.left)+divW;
if (newX >= maxW-divW) swtDiv.style.left=parseInt(swtDiv.style.left)-divW;
if (newY <= divH) swtDiv.style.top=parseInt(swtDiv.style.top)+divH;
if (newY >= maxH-divH) swtDiv.style.top=parseInt(swtDiv.style.top)-divH;
}
}
swtDiv=document.getElementById?document.getElementById(divID):document.all?document.all[divID]:document.layers?document.layers[divID]:null;
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
for (i=0;i<document.layers.length-1;i++) {
if (document.layers[i+1].name.substr(0,6)=="swtLoc") {
document.layers[i].moveTo(document.layers[i+1].pageX,document.layers[i+1].pageY);
}
}
}
document.onmousemove=swtFlee;
}
window.onload=initFlee;
//-->
</script>
<div id="unique_id" style="position:relative;width:100;height:200;top:0;left:0;">
<a href="#" onmouseOver="swtRun('unique_id')" onmouseout="swtDiv=null">
<img alt=有趣的javascript程序：抓不到我 src="img.gif" width=100 height=200 border=0></a>
</div></layer><ilayer name="swtLoc" width=100 height=200></ilayer>
