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

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

· 7년 전 · 3993 · 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개

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

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
글쓰기
🐛 버그신고