<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>1-1</title>
<script src="./jquery-1.4.2.js" type="text/javascript"></script>
<script src="./jquery.tableui.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".table_solid").tableUI();
})
</script>
<style>
.oddRow{background-color:#FFDE73;}
.evenRow{background-color:#f0f0f0;}
.activeRow{background-color:#0162FA;}
</style>
</head>
<body>
<table class="table_solid">
<tr>
<th>女友姓名</th>
<th width="185px" >女友三围</th>
<th width="85px" >安全期</th>
<th width="185px">标签</th>
<th width="175px">操作</th>
</tr>
<tr>
<th>第一列</th>
<th width="185px" >第二列</th>
<th width="85px" >第三列</th>
<th width="185px">标签</th>
<th width="175px">操作</th>
</tr>
<tr>
<th>第一列</th>
<th width="185px" >第二列</th>
<th width="85px" >第三列</th>
<th width="185px">标签</th>
<th width="175px">操作</th>
</tr>
<tr>
<th>第一列</th>
<th width="185px" >第二列</th>
<th width="85px" >第三列</th>
<th width="185px">标签</th>
<th width="175px">操作</th>
</tr>
</table>
</body>
</html>
jquery.tableui.js
/*
* 使用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").bind("mouseover",function(){
$(this).addClass(options.activeRowClass);
});
$(thisTable).find("tr").bind("mouseout",function(){
$(this).removeClass(options.activeRowClass);
});
});
};
})(jQuery);
分享到:
相关推荐
jquery插件jquery-ui-1.8.18.custom.min.js
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
jqweui图片上传插件jquery-weui.uploader.js 实现 多图上传,预览,删除,初始化控件,图片赋值加载,获取图片数据。压缩包包含jquery-weui.uploader.js,weui以及示例demo
jquery插件jquery-ui-1.8.2.custom.min.js
jquery-ui 很酷炫的js插件 效果
jquery-1.4.2.jsjquery-1.4.2-vsdoc.js Jquery-1.4.2及vs智能提示插件,内涵最新版Jquery包以及vs智能提示包。
jquery-migrate-1.2.1.min.js 在网上下载一些 js 插件使用的时候,经常出现这种情况。但是更换低版本 jquery,比如 ...所以 jquery-migrate-1.1.0.js 就是一个过渡插件 让你在原来代码上升级jquery 不用修改代码用的。
最新版jquery-1.7.1-vsdoc.js jQuery的VS智能提示插件 建议下载该资源的朋友收藏我的csdn下载地址http://jehnjehn.download.csdn.net/,我以后会一直跟进更新vsdoc文档的下载,只要官方更新,我会在最短时间更新提供...
jquery-1.7.2.jsjquery-1.7.2-vsdoc.js Jquery-1.7.2及vs智能提示插件,内涵最新版Jquery包以及vs智能提示包。
jQuery-File-Upload上传插件
jquery-ui-1.10.4.min.js下载
jquery插件jquery-ui-timepicker-addon.j
中文版最新版jquery-1.6.2-vsdoc.js jQuery的VS智能提示插件 建议下载该资源的朋友收藏我的csdn下载地址http://jehnjehn.download.csdn.net/,我以后会一直跟进更新vsdoc文档的下载,只要官方更新,我会在最短时间...
jquery-migrate-1.2.1.js文件,处理jQuery和jqprint插件的版本不兼容问题
jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择
最新版jquery-1.8.1-vsdoc.js jQuery的VS智能提示插件 建议下载该资源的朋友收藏我的csdn下载地址http://jehnjehn.download.csdn.net/,我以后会一直跟进更新vsdoc文档的下载,只要官方更新,我会在最短时间更新提供...
最新的struts2-jquery-plugin插件3.3.3,包括jquery-ui和grid,使用标签实现。
jQuery-File-Upload-9.11.2(完整版,插件已下载),官方的很多引用文件都是线上的,加载很慢,下载到本地后更靠谱,这个版本是已经整理好的,直接调用后台php的部分也在其中,可以直接应用到项目中,直接拷贝过去就...
jquery-photoclip插件可对多张照片进行裁剪
jQuery-QueryBuilder, 提供一个接口来创建复杂查询的jQuery插件 QueryBuilder 提供一个简单接口来创建复杂查询的jQuery插件。 文档http://querybuilder.js.org安装手动下载最新版本。带 Bower的$ bower ins