自定义对象级别的组件开发

标签：

这个例子是一个简单的，自定义阴影效果：

（function($){

　　$.fn.shadow=function(opts)

　　{

　　　　var options=$.extend({},$.fn.shadow.defaults,opts);

　　　　return this.each(function(){

　　　　　　var $originElement=$(this);

　　　　　　for(var i=0;i<options.copies;i++)

　　　　　　{

　　　　　　　　var offset=options.copyOffset(i);

　　　　　　　　$originElement.clone().css({

　　　　　　　　　　position:"absolute",

　　　　　　　　　　left:$originElement.offset().left+offset.x,

　　　　　　　　　　　top:$originElement.offset().top+offset.y,

　　　　　　　　　　margin:0,

　　　　　　　　　　opaacity:options.opacity

　　　　　　　　}).appendTo(‘body‘);

　　　　　　}

　　　　})

　　}

　　$.fn.shadow.defaults={

　　　　copies:5,

　　　　opactity:0.1,

　　　　copyOffset:function(index)

　　　　{

　　　　　　return {x:index,y:index*2}

　　　　}

　　}

}）(jQuery)

还有一种是类级别的自定义：

$.shadow=function(){

}

自定义对象级别的组件开发

标签：

原文地址：http://www.cnblogs.com/openflyme/p/4782335.html