가타 부타 말 할것 없이 소스부터 보자


    (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"});

2009/08/07 21:31 2009/08/07 21:31

Trackback Address :: https://youngsam.net/trackback/674