테스트 사이트 - 개발 중인 베타 버전입니다

간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 )

· 7년 전 · 3987 · 4

https://codepen.io/hcs1105/pen/tDIfx?q=이미지+롤오버&limit=all&type=type-pens


☞   onmouseover  onmouseout 을 쓰게되면
      아무래도   문서파일용량이 커져... 그만큼 추가 트래픽 용량이 발생합니다.
     jquery "attr" 속성을 사용하면   짧은문으로도..  롤오버를 구현할 수 있습니다.


[필수]     jquery   선언해주셔야합니다.
<script  src="http://code.jquery.com/jquery-latest.min.js"></script>

 

 

 

[ 아래 예제 캡쳐해드렸습니다. (html파일첨부하였습니다.) ]

☞   ftp 파일질라로 업로드한 이미지는..
     아래와 같은 이름으로 _on   _off 가 파일이름 맨마지막에 들어가야합니다.

3077395946_1516869669.2557.jpg

 

 

☞   예제 코딩입니다.

3077395946_1516869682.6389.jpg
 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

7년 전
어려워요 ^^
7년 전
예제를 캡쳐해서 올렸습니다. (예제 html 을 파일첨부하였습니다.)
7년 전
네 루돌프님 ㄱㅅ요 ^^
7년 전
^^

게시글 목록

번호 제목
16181
16175
16173
16172
16170
16168
16167
16161
16152
16145
16133
16131
16128
16122
16117
16102
16099
16095
16089
16088
16077
16065
16060
jQuery atj.js 3
16055
16052
16051
16050
16046
16039
16027