夢幻之旅

DEBUG - 天道酬勤

:: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

671 隨筆 :: 6 文章 :: 256 評論 :: 0 Trackbacks

jquery 插件寫法

* tableUI 0.1

* Date: 2010-01-11

* 使用tableUI可以方便地將表格提示使用體驗。先提供的功能有奇偶行顏色交替，鼠標(biāo)移上高亮顯示

(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").bind("mouseover",function(){

$(this).addClass(options.activeRowClass);

});

$(thisTable).find("tr").bind("mouseout",function(){

$(this).removeClass(options.activeRowClass);

});

};

})(jQuery);

使用方法:

$().ready(function(){

$(".table_solid").tableUI();

})

posted on 2010-04-23 13:12 HUIKK 閱讀(1199) 評論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: javascript 正則返向引用 Ext MultiComboBox 為了有利于保護安全性 java cookie localhost BS 打印 Jquery 列對應(yīng) 標(biāo)簽打印機調(diào)試 WebBrowser 打印 Win open 關(guān)于打印那點事兒

夢幻之旅

公告

常用鏈接

留言簿(21)

隨筆分類(644)

隨筆檔案(669)

文章檔案(6)

最新隨筆

積分與排名

最新評論

閱讀排行榜

評論排行榜