마우스 오버시 이미지 흔들리게 하는 자바 스크립트
<script language="JavaScript">
var rector=3; /이미지 흔들리게 하는 강도
var stopit=0;
var a=1;
document.write("<style>");
document.write(".shakeimage{ position:relative }");
document.write("</style>");
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>
☞<head>와 </head>사이에 넣는다.
<img src="그림주소" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
☞<body>와 </body>사이에 넣는다.