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

루돌프사슴코

· 2018-01-25 (목) 11:28:40 · 조회 4558 4558 · 댓글 4 4

링크

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

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

첨부파일

rollover.html (790 bytes) 43회 2018-01-25 17:43

댓글 4개

스피아민트

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-01-25 (목) 17:34:45

어려워요 ^^

루돌프사슴코

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-01-25 (목) 17:44:39

예제를 캡쳐해서 올렸습니다. (예제 html 을 파일첨부하였습니다.)

스피아민트

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-01-25 (목) 17:46:11

네 루돌프님 ㄱㅅ요 ^^

루돌프사슴코

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-01-25 (목) 17:50:46

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

개발자팁

5,403건

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

+ + 글쓰기

분류	제목	글쓴이	날짜	조회
MySQL	[MySQL] ERD 그리면 SQL문 자동 생성해주는 사이트	휴매니아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-02-13	조회 3,492
기타	[기타] 고대디 ssl 적용사이트 메인화면 안뜰때 사용법	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-29	조회 2,642
PHP	[PHP] 한글 초,중,종성 분리하기 [3]	한빛가람 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-26	조회 3,319
기타	[기타] 부트스트랩을이용한 조직도만들기 [3]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-19	조회 1만
웹서버	[웹서버] nginx 설치시 보안 [3]	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-18	조회 3,798
기타	[기타] 코드 이미지 생성해주는 사이트	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-15	조회 2,656
PHP	[PHP] PHP로 합집합, 교집합, 여집합 구하기 [5]	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-12	조회 4,233
기타	[기타] html 색상표 [1]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-12	조회 2,687
웹서버	[웹서버] UWAMP를 이용한 USB포터블 PHP개발환경 만들기 [1]	nooree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-07	조회 3,540
node.js	[node.js] NODE_JS + Nunjucks 설정	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20-01-06	조회 2,825
PHP	[PHP] 한글 초성 추출하기 [10]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-12-19	조회 4,329
기타	[기타] MAC OS 도커 쉽게 설치하기 [1]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-12-05	조회 2,839
JavaScript	[JavaScript] input text 에 여러 이벤트 걸기 두기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-12-02	조회 3,108
웹서버	[웹서버] Linux로 웹서버 구축 시 SELinux 관련 문제해결방안 [7]	디누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-11-19	조회 4,959
JavaScript	[JavaScript] Javascript를 최적화하는 13가지 팁 [4]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-11-05	조회 3,408
JavaScript	[JavaScript] URL이 올바른지 체크 [2]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-11-04	조회 2,565
JavaScript	[JavaScript] IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드 [2]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-11-01	조회 2,672
JavaScript	[JavaScript] 구글 맵 독도 표기 되도록.	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-10-31	조회 2,718
PHP	[PHP] date 함수에서 사용할 수있는 포맷문자열	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-10-29	조회 2,744
기타	[기타] [한줄팁] mongodb 한글 like 검색 및 mulitiple 단어 검색...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-10-26	조회 3,616
JavaScript	[JavaScript] js playground	불사pa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-10-17	조회 2,711
JavaScript	[JavaScript] javascript에서 php를 호출하여 내용 변경하기	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-09-25	조회 2,939
jQuery	[jQuery] audio.js 미디어 파일 css 및 제어 가능한 플러그인 입니다. [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-09-24	조회 2,701
PHP	[PHP] DB 테이블에 저장된 카테고리를 트리형식으로 변수에 담기 [2]	티로그 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-09-23	조회 3,440
기타	[기타] linux readhat계열 mongodb 설치하기 [1]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-09-08	조회 3,243
PHP	[PHP] 간단하게 date 함수 요일 숫자를 한글로 나타내는법 [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-09-03	조회 5,421
기타	[기타] 기시판 질문입니다. [6]	숙향 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-08-10	조회 2,741
정규표현식	[정규표현식] 정규식 테스트 연습 편하게 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-08-08	조회 2,995
정규표현식	[정규표현식] 제목에 특수문자 정리하는 정규식 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-08-05	조회 3,349
웹서버	[웹서버] 테스트용으로 쓸 완전 무료 웹호스팅 [3]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19-08-05	조회 4,830

글쓰기

강좌