http://www.selfcontained.us/2008/03/08/simple-jquery-image-rollover-script/
$(function() {
$('.rollover').hover(function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
}, function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
});
});
<img src="first.gif" hover="second.gif" class="rollover"/>
$(function() {
$('.rollover').hover(function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
}, function() {
var currentImg = $(this).attr('src');
$(this).attr('src', $(this).attr('hover'));
$(this).attr('hover', currentImg);
});
});
<img src="first.gif" hover="second.gif" class="rollover"/>
|
'FrameWork > jQuery' 카테고리의 다른 글
JQuery 사용 하기..[라디오 버튼] (0) | 2009.11.30 |
---|---|
jQuery 이미지 리로드 (0) | 2009.11.27 |
jQuery의 브라우져 구분 함수 (0) | 2009.11.25 |
jQuery를 이용하여 Textarea 에서 엔터쳤을 때 이벤트 알아내기 (0) | 2009.11.20 |
Jquery 플러그인 (0) | 2009.11.17 |