图片抖动效果（兼容）

<script> 

<!-- 

var rector=2 

var stopit=0 

var a=1 

var count=0 

function init(which){ 

    stopit=0 

    shake=which 

    shake.style.left=0 

    shake.style.top=0 

} 

function rattleimage(){ 

    if ((!document.all&&!document.getElementById)||stopit==1||count==100) 

        return 

        count++ 

    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 

    count=0 

    which.style.left=0 

    which.style.top=0 

//--> 

</script> 

<style>.shakeimage{POSITION: relative}</style> 

<img src="2012-07-24_103948.jpg" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage />  

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/940753，如需转载请自行联系原作者