v

jquery, mouseover/out

· 2011-11-08 (화) 10:54:30 · 2872
$(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-11-18 조회 8,047
PHP 11-11-18 조회 2,560
PHP 11-11-17 조회 2,649
JavaScript 11-11-17 조회 2,039
PHP 11-11-17 조회 2,665
PHP 11-11-17 조회 6,655
jQuery 11-11-16 조회 3,060
기타 11-11-14 조회 2,896
jQuery 11-11-14 조회 3,023
MySQL 11-11-14 조회 3,426
MySQL 11-11-14 조회 2,481
jQuery 11-11-12 조회 4,059
PHP 11-11-11 조회 2,787
PHP 11-11-11 조회 2,044
PHP 11-11-11 조회 4,475
PHP 11-11-11 조회 5,728
JavaScript 11-11-11 조회 2,213
MySQL 11-11-10 조회 3,069
MySQL 11-11-10 조회 4,875
Flash 11-11-09 조회 2,494
JavaScript 11-11-09 조회 2,463
PHP 11-11-08 조회 2,648
JavaScript 11-11-08 조회 2,782
JavaScript 11-11-08 조회 1,699
jQuery 11-11-08 조회 2,873
jQuery 11-11-06 조회 1.3만
PHP 11-11-06 조회 4,388
PHP 11-11-06 조회 5,939
jQuery 11-11-06 조회 5,103
기타 11-11-05 조회 2,353