zoukankan      html  css  js  c++  java
  • jQuery按钮控件,转来的

    网上转来的,刚好能用到,不过要改造。先把原来的代码贴上做个记录,稍后整理。
     
    (function($){   
        $.fn.btn = function(){   
            var btn = this.data("_self");;   
            if(btn){   
                return btn;   
            };   
            this.init = function(){   
                var obj = $(this);   
                var id=$(this).attr('id')||"gen"+Math.random();   
                var icon = $(this).attr('icon')||'icon-btncom';   
                var bntStr=[   
                    '<table id="',id,'" class="z-btn" cellSpacing=0 cellPadding=0 border=0><tbody><tr>',   
                        '<TD class=z-btn-left><i>&nbsp;</i></TD>',   
                        '<TD class=z-btn-center><EM unselectable="on">',   
                            '<BUTTON class="z-btn-text ',icon,'" >',$(this).attr('value'),'</BUTTON>',   
                        '</EM></TD>',   
                        '<TD class=z-btn-right><i>&nbsp;</i></TD>',   
                    '</tr></tbody></table>'  
                ];   
                var bnt = $(bntStr.join('')).btn();   
                bnt._click = eval(obj.attr("onclick"));   
                bnt.disable();   
                if(obj.attr("disabled"))   
                    bnt.disable();   
                else bnt.enable();   
                $(this).replaceWith(bnt);   
                bnt.data("_self", bnt);     
                return bnt;   
            };   
            this.enable = function(){   
                this.removeClass("z-btn-dsb");   
                this.click(this._click);   
                this.hover(   
                      function () {   
                        $(this).addClass("z-btn-over");   
                      },   
                      function () {   
                        $(this).removeClass("z-btn-over");   
                      }   
                    )   
            };   
            this.disable = function(){   
                 this.addClass("z-btn-dsb");   
                 this.unbind("hover");   
                 this.unbind("click");   
            };     
            return this;   
        };   
           
        $(function(){   
            $("input[type='button']").each(function(){   
                $(this).btn().init();   
            });   
            $("input[type='reset']").each(function(){   
                $(this).btn().init().click(function(){   
                    var form = $(this).parents("form")[0];   
                    if(form)   
                        form.reset();   
                });   
            });   
            $("input[type='submit']").each(function(){   
                $(this).btn().init().click(function(){   
                    var form = $(this).parents("form")[0];   
                    if(form)   
                        form.submit();   
                });   
            });   
        })   
    })(jQuery);  
  • 相关阅读:
    java 06 作业代码
    java 06 abstract 抽象类
    java 06 重写(覆盖) final 内部类
    java 06 重写和final
    java 06 继承
    java 05 this static构造函数
    java 05 构造函数-构造代码块
    java 05 heap satck 堆和栈
    java 05 成员变量和成员函数-封装
    BJFU-207-基于顺序存储结构的图书信息表的逆序存储
  • 原文地址:https://www.cnblogs.com/aha/p/1894114.html
Copyright © 2011-2022 走看看