v

jquery, mouseover/out

· 2011-11-08 (화) 10:54:30 · 1532
$(function() {
    $('img[data-hover]').hover(function() {
        $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');
    }).each(function() {
        $('<img />').attr('src', $(this).attr('data-hover'));
    });;
});
 
다음 처럼 사용 하시면 되구요
<img src="first.gif" data-hover="second.gif" />
 
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
11-11-29 조회 3,539
11-11-23 조회 1,755
11-11-23 조회 1,820
11-11-22 조회 1,919
11-11-22 조회 902
11-11-21 조회 1,655
11-11-21 조회 995
11-11-18 조회 2,092
11-11-18 조회 1,104
11-11-17 조회 1,172
11-11-17 조회 1,122
11-11-17 조회 2,679
11-11-11 조회 1,067
11-11-11 조회 1,049
11-11-11 조회 2,054
11-11-11 조회 2,586
11-11-08 조회 1,038
11-11-06 조회 1,475
11-11-06 조회 1,754
11-10-21 조회 744
11-10-21 조회 711
11-10-19 조회 746
11-10-19 조회 2,231
11-10-08 조회 782
11-10-06 조회 2,258