震動圖片
請按Ctrl+C複製程式碼至 <head></head>之間
<style>.shakeimage{position:relative}</style> <script language="JavaScript1.2"> var rector=2 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0}function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1)return if (a==1){shake.style.top=parseInt(shake.style.top)+rector }else if (a==2){shake.style.left=parseInt(shake.style.left)+rector}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector }if (a<4)a++ else a=1 setTimeout("rattleimage()",50)}function stoprattle(which){stopit=1 which.style.left=0 which.style.top=0 }</script> <img src="圖片網址" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
請按Ctrl+C複製語法至<body>與</body>之間
<img src="圖片網址" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
可修改的地方：
↓↓↓範例↓↓↓滑鼠指圖片會震動
