이미지위에 마우스커서 올리면 흔들리게 하는 효과

인터넷관련 2008. 2. 2. 09:36
<html>
<head>

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

<script language="JavaScript1.2">
var rector=3

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>

</head>
<body>

<a href="http://skydare.net"><img src="http://oxtag.com/zboard/data/gallery/puppy_2.jpg" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)" border=0></a>

</body>
</html>

'인터넷관련' 카테고리의 다른 글

필터 효과  (0) 2008.02.02
랜덤으로 스트라이핑 효과내기  (0) 2008.02.02
이미지 웨이브  (0) 2008.02.02
이미지에 마우스 올리면 선명해지게  (0) 2008.02.02
이미지 위에 마우스 올리면 테두리 생기게  (0) 2008.02.02
이미지 섬광 효과  (0) 2008.02.02
흐려졌다 선명해졌다를 반복하는 이미지  (0) 2008.02.02
이미지 체인징  (0) 2008.02.02
Posted by 알 수 없는 사용자
,

티스토리툴바