[jQuery] jQuery로 만든 롤오버 이미지 소스 > 팁앤테크

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

팁앤테크

[jQuery] jQuery로 만든 롤오버 이미지 소스

페이지 정보

본문

롤오버 이미지 스크립트를 jquery로 간단하게 만들어 봤습니다. .menu 안의 링크(<a>)로 싸인 이미지에 마우스오버시 확장자앞에 _r 을 붙이고 마우스아웃시 _r 을 떼는 소스입니다.

<div class="menu">
<a href="#"><img src="http://i1.daumcdn.net/cfs.tistory/static/images/xBoxReplace_250.png" height="250" width="250"></a>
<a href="#"><img src="http://i1.daumcdn.net/cfs.tistory/static/images/xBoxReplace_250.png" height="250" width="250"></a>
<a href="#"><img src="http://i1.daumcdn.net/cfs.tistory/static/images/xBoxReplace_250.png" height="250" width="250"></a>
</div>

<script type="text/javascript">
$(document).ready(function()
{
    $(".menu a img").mouseover(function()
    {
        $(this).attr("src", $(this).attr("src").replace(/(.gif|.jpg|.png)$/, "_r$1"))
    }).mouseout(function()
    {
        $(this).attr("src", $(this).attr("src").replace(/_r(.gif|.jpg|.png)$/, "$1"));
    });
});
</script>
추천0

댓글목록

등록된 댓글이 없습니다.

Total 825건 8 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
650 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16974 0 01-08
649 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17654 0 01-13
648 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16501 0 01-25
647 nm클럽2쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14865 0 02-28
646 소니노쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13238 0 10-17
645 귀여운현호쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 13789 0 10-23
644 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15324 0 01-17
643 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 21169 0 01-17
642 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14312 0 11-15
641 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14191 0 07-13
640 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16270 0 12-23
639 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14663 0 12-11
638 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15270 0 04-16
637 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17622 0 09-21
636 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15404 0 10-23
635 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13424 0 11-12
634 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13557 0 11-13
633 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16319 0 11-24
632 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17018 0 11-25
631 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13163 0 02-17
630 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20429 0 03-05
629 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16858 0 04-21
628 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12312 0 10-05
627 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14253 0 07-21
626 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15449 0 10-16

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
1,415
어제
7,952
최대
8,233
전체
1,525,492
Copyright (c) 株式会社YHPLUS. All rights reserved.