[jQuery] 마우스 오버하여 이미지 변경하기 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

JavaScript [jQuery] 마우스 오버하여 이미지 변경하기

페이지 정보

댓글 0건 조회 82회 수정일 18-08-02 14:39

본문

메뉴에 마우스가 오버될때 다른이미지를 보여주는 방법입니다.


<!-- // jQuery 파일을 중복호출하면 오류가 발생합니다.
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
-->
<script>
$(function() { 
    $("#top_menu li a img").hover(function(){ 
        $(this).attr("src", $(this).attr("src").replace(".png", "_on.png")); 
    }, function(){ 
        $(this).attr("src", $(this).attr("src").replace("_on.png", ".png")); 
    }); 
});
</script>


<ul id='top_menu'>
    <li><a href="#top"><img src="img/menu1-on.png"></a></li>
    <li><a href="#menu"><img src="img/menu2.png"></a></li>
    <li><a href="#price"><img src="img/menu3.png"></a></li>
    <li><a href="#order"><img src="img/menu4.png"></a></li>
</ul>


참고자료
https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=185860
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,262건 1 페이지
기술자료 목록
번호 제목
공지 일반
온라인 강좌를 소개합니다. ( update. 2017-12-05 16:33 ) Hit.16167
2261 HTML
2260 일반
폴더 파일리스트 추출하기 ( update. 2018-08-17 15:19 ) Hit.9
2259 HTML
2258 HTML
CSS를 사용하여 이미지를 어둡게합니다. ( update. 2018-08-15 05:58 ) Hit.20
2257 HTML
2256 HTML
[CSS] input checkbox / radio 크기 변경하기 ( update. 2018-08-09 13:26 ) Hit.49
열람중 JavaScript
[jQuery] 마우스 오버하여 이미지 변경하기 ( update. 2018-08-02 14:39 ) Hit.83
2254 PHP
파일 업로드 시 한글 파일명 깨짐 방지 ( update. 2018-08-01 05:45 ) Hit.79
2253 일반
2252 PHP
php파일로 실행될 확장자 추가하기 ( write. 2018-07-26 ) Hit.135
2251 JavaScript
네이버 지도 API 3.0 활용 멀티맵 만들기 ( update. 2018-08-03 03:37 ) Hit.112
2250 그누보드
2249 JavaScript
scroll 상단으로 ( update. 2018-07-23 16:45 ) Hit.116
2248 HTML
2247 PHP
2246 그누보드
2245 JSP
2244 JSP
tomcat catalina.out 재시작 없이 초기화시키기 ( update. 2018-07-26 19:25 ) Hit.136
2243 HTML
2242 일반
2241 그누보드
2240 Linux
2239 제로보드
[XpressEngine] files 폴더의 비밀 ( update. 2018-07-13 21:51 ) Hit.88
2238 MySQL
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
546
어제
1,401
최대
3,174
전체
4,194,772

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2018 해피정닷컴. All Rights Reserved.