jQuery, image changing on hover 마우스오버 이미지 변환 > 팁앤테크

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

회원로그인

접속자집계

오늘
687
어제
989
최대
1,711
전체
1,331,121

팁앤테크

jQuery jQuery, image changing on hover 마우스오버 이미지 변환

페이지정보

댓글 0 댓글

SNS 공유

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

내용

<img class="xyz" data-alt-src="http://cdn1.iconfinder.com/data/icons/fatcow/32/accept.png" src="http://cdn1.iconfinder.com/data/icons/fatcow/32/cancel.png" />
<br/>
<img class="xyz" data-alt-src="http://cdn1.iconfinder.com/data/icons/fatcow/32/accept.png" src="http://cdn1.iconfinder.com/data/icons/fatcow/32/cancel.png" />
<br/>
<img class="xyz" data-alt-src="http://cdn1.iconfinder.com/data/icons/fatcow/32/accept.png" src="http://cdn1.iconfinder.com/data/icons/fatcow/32/cancel.png" />

 

 

<script>
var sourceSwap = function () {
    var $this = $(this);
    var newSource = $this.data('alt-src');
    $this.data('alt-src', $this.attr('src'));
    $this.attr('src', newSource);
}

$(function () {
    $('img.xyz').hover(sourceSwap, sourceSwap);
});
</script> 

댓글목록

댓글이 없습니다

총 748 건 , 1 페이지
게시물 검색
팁앤테크 목록
번호 카테고리 제목 글쓴이 조회 날짜
748 g5 zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2296 03-28
747 g5 zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2295 02-14
746 g5 zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2403 02-11
745 mysql zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2367 12-22
744 g5 zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2465 12-18
743 css zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2408 12-02
742 mysql zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 778 10-22
741 php zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1013 08-21
740 php zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1073 08-15
739 php zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1198 08-12
738 PC zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1028 06-14
737 PC zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1229 06-09
736 php zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1666 04-25
735 css zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 1476 04-20
734 PC zero 쪽지 보내기 메일보내기 프로필 아이디로 검색 전체게시물 2086 03-30
Copyright (c) 株式会社YHPLUS. All rights reserved.