v

jquery, mouseover/out

· 2011-11-08 (화) 10:54:30 · 2862
$(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" />
 
|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 11-09-23 조회 1,910
JavaScript 11-09-22 조회 1,936
PHP 11-09-22 조회 3,101
기타 11-09-21 조회 2,854
기타 11-09-20 조회 2,733
정규표현식 11-09-19 조회 4,681
기타 11-09-19 조회 2,104
MySQL 11-09-19 조회 8,739
기타 11-09-16 조회 2,712
기타 11-09-14 조회 3,247
MySQL 11-09-09 조회 3,636
PHP 11-09-09 조회 2,635
MySQL 11-09-08 조회 2,833
jQuery 11-09-08 조회 4,273
기타 11-09-08 조회 3,780
기타 11-09-08 조회 2,292
기타 11-09-08 조회 1,720
jQuery 11-09-08 조회 2,304
jQuery 11-09-07 조회 1,986
기타 11-09-07 조회 2,030
JavaScript 11-09-05 조회 3,335
기타 11-09-04 조회 1,872
jQuery 11-09-02 조회 2,709
jQuery 11-09-01 조회 4,078
Flash 11-09-01 조회 4,324
JavaScript 11-08-31 조회 2,364
JavaScript 11-08-31 조회 1,969
JavaScript 11-08-31 조회 1,662
MySQL 11-08-31 조회 3,056
PHP 11-08-30 조회 5,364