Hiệu ứng rung chuyển liên kết

Đây là đoạn code mà mình tình cờ thấy từ 1 trang nước ngoài từ trước 2008. Mình đã tìm hiểu và bóc tác ra đoạn code chia sẽ cho mọi người.

<style>.shakeimage{position:relative}</style>
<script language="JavaScript1.2">
var stopit=0
var rector=3
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>
<style>
.tablinks a, .tablinks a:visited{color:blue}
.tablinks a:hover{color:brown}
</style>

    <p align="center">
<a href="#"><img class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" height="99" border="0" src="***"></a>
</p>
   

---