간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 )
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 가 파일이름 맨마지막에 들어가야합니다.
☞ 예제 코딩입니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개