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

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

팁앤테크

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

페이지 정보

작성자 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 2,517회 작성일 17-04-08 23:25

본문

<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> 

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

댓글목록

등록된 댓글이 없습니다.

Total 748건 1 페이지
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
748 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 56 03-28
747 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 83 02-14
746 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 123 02-11
745 mysql zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 185 12-22
744 g5 zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 206 12-18
743 css zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 209 12-02
742 mysql zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 233 10-22
741 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 514 08-21
740 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 601 08-15
739 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 685 08-12
738 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 535 06-14
737 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 717 06-09
736 php zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1202 04-25
735 css zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1010 04-20
734 PC zero 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1484 03-30
게시물 검색

회원로그인

제나플러스

제나플러스 더보기

〒 171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
Kor Tel : 070-7847-6246
Tel : (+81)070-4104-3673 / (+81)03-3984-3703
Fax : (+81)03-3984-9330 / E-mail : zeronara@gmail.com
Copyright © zeronara.net. All rights reserved.