码迷,mamicode.com
首页 > 其他好文 > 详细

今天写的小插件

时间:2014-12-16 16:40:26      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:style   blog   ar   io   color   os   sp   on   div   

在修改一下,暂时这样

;(function($, window, document, undefined){
    var tiance = function(element, opt){
        this.element = element; 
        this.defaults = {
            ‘str‘:‘<p class="ceshi">×</p>‘,
            ‘close‘:‘.ceshi‘,
            ‘closeCss‘:{‘position‘:‘absolute‘,‘left‘:0,‘top‘:0,‘width‘:‘100%‘, ‘height‘:‘100%‘}    
        },
        this.options = $.extend({}, this.defaults, opt);
    }
    tiance.prototype = {
        ‘repeal‘ : function(){
                var _this = this;
                return this.element.each(function(index, item){
                    $(item).css(‘position‘,‘relative‘).append(_this.options.str);
                    $(_this.options.close).css(_this.options.closeCss).each(function(index, select){
                        $(select).on(‘click‘,function(ev){
                            _this.options.func($(this).closest($(item)),$(this));
                    })
                })
            })
        }
    }
    $.fn.myPlugin = function (options){
         var tiance1 = new tiance(this, options);
         return  tiance1.repeal();
    }
})(jQuery, window, document);

 

今天写的小插件

标签:style   blog   ar   io   color   os   sp   on   div   

原文地址:http://www.cnblogs.com/clearfix/p/4167185.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!