jquery插件

/*
* tableUI 0.1 * Copyright (c) 2009 JustinYoung  http://justinyoung.cnblogs.com/
* Date: 2010-03-30
* 使用tableUI可以方便地将表格提示使用体验。先提供的功能有奇偶行颜色交替,鼠标移上高亮显示
*/

(function($) {
    $.fn.tableUI = function(options) {
        var defaults = {
            evenRowClass: "evenRow",
            oddRowClass: "oddRow",
            activeRowClass: "activeRow"
        }

        var options = $.extend(defaults, options);
        this.each(function() {
            var thisTable = $(this);            //添加奇偶行颜色           
            thisTable.find("tr:even").addClass(options.evenRowClass);
            thisTable.find("tr:odd").addClass(options.oddRowClass);
            //添加活动行颜色
            thisTable.find("tr:gt(0)").hover(function() {
                $(this).toggleClass(options.activeRowClass);
            }, function() {
                $(this).toggleClass(options.activeRowClass);
            });
        });
    };
})(jQuery);

posted @ 2012-05-17 14:46  qijiababoy  阅读(107)  评论(0)    收藏  举报