因插件方式写的少,先慢慢记录。
默认的参数值
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
});