jquery------提供灵活的方法参数
2016-05-22 16:56
501 查看
index.jsp
my.js
<h1 >再次重逢的世界</h1>
my.js
$(document).ready(function(){ (function($){ $.fn.shadow=function(opt){ /*var defaults={ copies:15, opacity:0.1, colors:"blue", copyOffset:function(index){ return {x:index,y:index}; }, };*/ var option=$.extend({},$.fn.shadow.defaults,opt); return this.each(function(){ var $original=$(this); for(var i=0;i<option.copies;i++){ var offset=option.copyOffset(i); $original .clone() //复制元素 .css({ position:"absolute", left:$original.offset().left+offset.x, top:$original.offset().top+i+offset.y, color:option.colors, margin:0, padding:0, zIndex:-1, opacity:option.opacity}) .appendTo("body"); } }); }; $.fn.shadow.defaults={ copies:15, opacity:0.1, colors:"red", copyOffset:function(index){ return {x:index,y:index}; }, }; })(jQuery); $.fn.shadow.defaults.copies=10; $("h1").shadow({ //copies:15, opacity:0.1, copyOffset:function(index){ return {x:-index,y:-2*index}; }, colors:"blue", }); });
相关文章推荐
- 关于jQuery和AJAX的解析
- 在jQueryEasyui datagrid加载完成后清除选中
- 使用变量缓存jQuery对象
- JQuery利用sort对DOM元素进行排序
- jQuery判断checkbox是否选中的3种方法
- 使用JQuery重绘图片的大小
- jQuery实现摸拟alert提示框
- jQuery load()方法的封装
- jQuery的load()方法
- JQUERY的load方法
- How to get only direct child elements by jQuery function
- jquery 根据样式获取对象子元素的第一个并添加触发事件
- jquery.validate.js校验select2解决方案 Jquery插件select2校验解决方案
- 封装类似jQuery的ajax函数
- jQuery实现遍历单选框
- jQuery实现遍历复选框
- jQuery uploadify 在chrome上崩溃的解决办法
- jquery checkbox相关 prop方法
- 【颗粒归仓】(三)原生ajax和jquery-ajax方法的对比
- jquery.validate 校验 remote返回值