가타 부타 말 할것 없이 소스부터 보자
(function($){
$.fn.hoverImg = function(option){ //확장 메서드 선언
var options = $.extend( { //기본 옵션 설정
"src" : null
},option || {});
return this.each(function(){ // 여러개의 확장 집합에 대한 처리후 확장집합을 반환
if( options.src == null) {options.src = $(this).attr("src");}
var fnHover = function()
{
var tmp = $(this).attr("src");
$(this).attr("src",options.src);
options.src = tmp;
}
$(this).hover(fnHover,fnHover);
});
}
})(jQuery);
option은 현재로써는 하나 뿐이다.
src : 롤오버될때 보여질 이미지 경로.
ex ) $("#toggle").hoverImg({"src":"pre_.gif"});