KCP API결제 버전 배포 - exec() 불가 환경 대응KCP exec() 불가 대응 버전 배포
이전
목록
다음
원

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

원더풀라입
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2010-06-30 (수) 11:22:56 · 3096

 

<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건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11-09-08 조회 2,812
11-09-05 조회 2,645
11-09-02 조회 3,532
11-09-01 조회 2,644
11-09-01 조회 2,793
11-09-01 조회 4,107
11-08-31 조회 2,834
11-08-28 조회 2,545
11-08-26 조회 2,455
11-08-19 조회 2,659
11-08-19 조회 2,598
11-08-17 조회 2,676
11-08-17 조회 2,765
11-08-13 조회 2,596
11-08-11 조회 3,597
11-08-11 조회 2,869
11-08-08 조회 3,012
11-08-06 조회 2,799
11-08-06 조회 2,885
11-08-05 조회 3,078
11-08-05 조회 2,557
11-08-04 조회 3,011
11-08-02 조회 2,504
11-07-22 조회 4,010
11-07-21 조회 2,301
11-07-13 조회 2,715
11-07-08 조회 2,997
11-07-05 조회 2,133
11-06-28 조회 3,148
11-06-22 조회 2,574
11-06-22 조회 2,272
11-06-13 조회 2,376
11-06-07 조회 4,189
11-06-04 조회 3,006
11-05-19 조회 3,272
11-05-06 조회 2,998
11-04-20 조회 2,438
11-04-19 조회 2,576
11-04-05 조회 3,124
11-04-04 조회 3,032
11-04-03 조회 2,751
11-04-02 조회 2,869
11-04-01 조회 2,369
11-04-01 조회 2,515
11-04-01 조회 3,117
11-03-25 조회 2,585
11-03-18 조회 2,313
11-03-17 조회 3,239
11-03-10 조회 2,372
11-03-10 조회 2,389
11-03-10 조회 2,616
11-03-07 조회 3,783
11-03-05 조회 2,465
11-03-05 조회 4,958
11-03-02 조회 2,584
11-03-01 조회 2,533
11-02-24 조회 2,610
11-02-24 조회 2,433
11-01-17 조회 5,173
11-01-14 조회 3,128
11-01-07 조회 3,112
10-12-29 조회 2,478
10-12-28 조회 2,666
10-12-24 조회 2,389
10-12-09 조회 2,487
10-12-09 조회 3,690
10-12-08 조회 3,665
10-12-08 조회 3,073
10-12-08 조회 2,928
10-12-08 조회 3,321
10-11-30 조회 2,681
10-11-25 조회 2,537
10-11-15 조회 2,293
10-11-14 조회 4,283
10-10-28 조회 2,948
10-10-26 조회 3,247
10-10-13 조회 2,540
10-10-12 조회 2,766
10-10-09 조회 2,349
10-10-05 조회 3,361
10-09-30 조회 3,015
10-09-26 조회 4,138
10-09-24 조회 2,868
10-09-20 조회 2,714
10-09-20 조회 3,089
10-09-18 조회 2,467
10-09-18 조회 2,516
10-09-17 조회 4,305
10-09-15 조회 3,281
10-09-15 조회 2,777
10-09-15 조회 2,621
10-09-15 조회 2,461
10-09-11 조회 2,617
10-09-11 조회 2,770
10-09-11 조회 3,028
10-06-30 조회 3,826
10-06-30 조회 2,529
10-06-30 조회 2,489
10-06-30 조회 2,636
10-06-11 조회 2,569
글쓰기