v

jquery, mouseover/out

· 2011-11-08 (화) 10:54:30 · 1531
$(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-16 조회 1,871
11-11-16 조회 1,587
11-11-14 조회 1,001
11-11-14 조회 1,669
11-11-14 조회 2,274
11-11-14 조회 993
11-11-12 조회 2,131
11-11-11 조회 1,080
11-11-11 조회 1,063
11-11-11 조회 1,044
11-11-11 조회 2,051
11-11-11 조회 2,581
11-11-11 조회 1,035
11-11-11 조회 938
11-11-10 조회 1,230
11-11-10 조회 1,394
11-11-10 조회 1,722
11-11-10 조회 955
11-11-09 조회 1,256
11-11-09 조회 1,066
11-11-08 조회 1,158
11-11-08 조회 1,035
11-11-08 조회 1,421
11-11-08 조회 764
11-11-08 조회 1,532