v

jquery, mouseover/out

· 2011-11-08 (화) 10:54:30 · 1518
$(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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12-02-16 조회 2,323
12-02-03 조회 1,235
12-01-31 조회 1,000
12-01-24 조회 1,056
12-01-17 조회 1,879
12-01-05 조회 1,446
11-12-30 조회 936
11-12-23 조회 2,458
11-12-08 조회 1,203
11-12-07 조회 2,150
11-11-27 조회 1,755
11-11-25 조회 1,982
11-11-23 조회 1,388
11-11-22 조회 1,372
11-11-09 조회 1,245
11-10-23 조회 1,285
11-10-19 조회 1,322
11-10-08 조회 1,092
11-10-04 조회 972
11-10-04 조회 3,315
11-09-01 조회 2,657
11-08-13 조회 960
11-08-06 조회 1,680
11-07-11 조회 2,029
11-06-27 조회 1,482