원

마우스를 이미지 위에 올렸을때 이미지 흔들기

· 2010-06-30 (수) 11:22:56 · 3083

 

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

<script>
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>

그 다음 스크립트는 넣었으면 <body></body>안에 있는 이미지중 스크립트를 적용시킬 이미지를 찾아서 이미지 태그안에 이렇게 추가합니다. <class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-09-17 조회 3,850
10-09-17 조회 2,279
10-09-16 조회 3,381
10-09-16 조회 2,116
10-09-16 조회 3,252
10-09-16 조회 2,189
10-09-16 조회 3,864
10-09-16 조회 2,117
10-09-16 조회 2,611
10-09-16 조회 2,122
10-09-15 조회 4,440
10-09-15 조회 2,781
10-09-15 조회 2,767
10-09-15 조회 2,775
10-09-15 조회 2,808
10-09-15 조회 2,552
10-09-15 조회 3,267
10-09-15 조회 2,757
10-09-15 조회 2,340
10-09-15 조회 4,188
10-09-15 조회 2,612
10-09-15 조회 2,814
10-09-15 조회 2,521
10-09-15 조회 3,425
10-09-15 조회 3,451
10-09-15 조회 3,088
10-09-15 조회 2,449
10-09-15 조회 2,654
10-09-15 조회 2,319
10-09-15 조회 2,334
10-09-15 조회 2,523
10-09-14 조회 4,052
10-09-11 조회 3,977
10-09-11 조회 2,909
10-09-11 조회 2,428
10-09-11 조회 2,607
10-09-11 조회 2,604
10-09-11 조회 2,486
10-09-11 조회 2,415
10-09-11 조회 2,309
10-09-11 조회 2,664
10-09-11 조회 2,759
10-09-11 조회 2,386
10-09-11 조회 2,391
10-09-11 조회 2,542
10-09-11 조회 3,011
10-09-11 조회 2,520
10-09-08 조회 2,920
10-09-08 조회 2,650
10-09-07 조회 3,426
10-09-07 조회 4,471
10-09-07 조회 3,799
10-09-07 조회 2,343
10-09-07 조회 3,339
10-09-07 조회 3,638
10-09-04 조회 2,903
10-08-29 조회 2,795
10-08-27 조회 4,089
10-08-27 조회 4,108
10-08-20 조회 6,990
10-08-06 조회 2,905
10-07-30 조회 5,673
10-07-27 조회 2,780
10-07-15 조회 3,108
10-07-06 조회 3,175
10-07-01 조회 3,052
10-07-01 조회 2,571
10-07-01 조회 2,802
10-07-01 조회 3,048
10-06-30 조회 2,948
10-06-30 조회 3,809
10-06-30 조회 2,824
10-06-30 조회 2,927
10-06-30 조회 2,380
10-06-30 조회 2,501
10-06-30 조회 2,506
10-06-30 조회 2,448
10-06-30 조회 2,450
10-06-30 조회 2,473
10-06-30 조회 2,622
10-06-30 조회 2,637
10-06-30 조회 4,048
10-06-30 조회 2,398
10-06-30 조회 3,084
10-06-30 조회 2,988
10-06-17 조회 3,091
10-06-16 조회 2,774
10-06-14 조회 3,329
10-06-13 조회 2,012
10-06-11 조회 2,665
10-06-11 조회 2,546
10-06-11 조회 4,272
10-06-11 조회 4,675
10-06-11 조회 3,372
10-06-01 조회 2,838
10-05-31 조회 3,551
10-05-31 조회 2,952
10-05-31 조회 2,516
10-05-22 조회 5,210
10-05-18 조회 2,897