jq插件的传值

因插件方式写的少,先慢慢记录。

默认的参数值

 1 jQuery.fn.shadow =function(options){
 2     var defaults = {
 3       slices : 5,
 4       opacity : 0.1,
 5       zIndex : -1
 6     };
 7     //options中如果存在defaults中的值,则覆盖defaults中的值
 8     var opts = jQuery.extend(defaults,options);
 9     return this.each(function(){
10         var $originalElement = jQuery(this);
11         for(var i = 0;i < opts.slices;i++){
12             $originalElement.clone()
13             .css({
14                 position :"absolute",
15                 left :$originalElement.offset().left + i,
16                 top :$originalElement.offset().top + i,
17                 margin : 0,
18                 zIndex :opts.zIndex,
19                 opacity : opts.opacity
20             })
21             .appendTo("body");
22         }
23     })
24 }

调用的例子:

$("div").shadow({

       opacity : 0.5

});

你可能感兴趣的:(jq插件的传值)