간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 ) > 개발자팁

개발자팁

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

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

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

첨부파일

rollover.html (790byte) 43회 다운로드 2018-01-25 17:43:33

본문

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
 

추천
2
  • 복사

댓글 4개

© SIRSOFT
현재 페이지 제일 처음으로