jQueryプラグインパッケージ

2851 ワード

機能:
           jQuery              ,            

方法1:
               :    jQuery      ,        。(   ,       )
                 
         1.    :
                  :
                     $.   =function(     ){
                                 
                     }

                  :
                      $.extend({
                                 :function(     ){
                                          
                              }
                      })
         2.  :
                    //    $      
                        $.ran = function(min,max){
                              return parseInt(Math.random()*(max-min+1)+min);
                            }
                     //  :alert($.ran(1,100))

                    //               
                        $.extend =({
                             ran:function(min,max){
                             return parseInt(Math.random()*(max-min+1)+min);
                            },
                            fun:function(){alert(1)},
                            fun2:function(){...}
                        })
            :document.write($.ran(1,100))
                $.fun()

方法2:
                 (  )
         1、     :
               $.fn.extend({
                          :function(     ){
                                        
                        }
                })

         2、  :  
                   $.fn.extend({
                        randomColor:function(){
                            var r=parseInt(Math.random()*256)
                            var g=parseInt(Math.random()*256)
                            var b=parseInt(Math.random()*256)
                            $(this).css("background","rgb("+r+","+g+","+b+")")
                        }
                   })
                   //  :$("div").randomColor()

方法3:
            

              $.fn.extend({
                     drop:function(){
                          $(this).css("position","absolute")//      
                          $(this).on("mousedown",function(e){
                              var l=e.offsetX; //            
                              var t=e.offsetY;
                              var that=$(this)
                              $(window).on("mousemove",function(e){             
                                    $(that).css({left:e.pageX-l+"px",top:e.pageY-t+"px"});
                              })
                              $(window).on("mouseup",function(){
                                   $(window).off("mousemove")
                              })
                         })
                     }
               })