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

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

· 7년 전 · 3988 · 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년 전
^^

게시글 목록

번호 제목
16286
16281
16277
16276
16268
16266
16264
16263
16262
16259
16258
16257
16255
16233
16229
16222
16220
16219
16217
16214
16213
16211
16207
16205
16197
16195
16192
16191
16188
16187