<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 UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域，jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展，提供了丰富的用户界面组件...
`jqPrint` 是一个jQuery插件，用于实现打印功能，特别是在打印网页中的某个特定部分。在某些情况下，当`jqPrint`与新版本的jQuery配合使用时，可能会由于API的变化或者移除导致兼容性问题。这时，引入`jquery-...
jQuery版本迁移辅助插件，如果您使用的低版本jQuery改为高版本后出现错误，可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js，jquery-migrate-1.2.1.min.js
在本主题中，我们重点关注两个特定的jQuery插件：`jquery-confirm.js`和`jquery-form.js`，它们是jQuery生态中的重要组成部分，用于增强网页的用户体验。 `jquery-confirm.js`是一个功能丰富的提示框插件，它替代了...
本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件——`jquery-3.1.1.js`和`jquery-3.1.1.min.js`，以及它们在Bootstrap Treeview插件中的应用。 首先，我们来看`jquery-3.1.1.js`，这是未经压缩和未优化的源代码...
jQuery 迁移插件， Migrate 有两个版本。jquery-migrate-1.4.1版本将帮助您将 1.9 之前的 jQuery 代码更新到 jQuery 1.9 到 3.0。 jquery-migrate-3.4.0版本将帮助您更新代码以在 jQuery 3.0 或更高版本上运行。 ...
jQuery Migrate 是一个专门为了解决jQuery不同版本间兼容性问题而设计的插件。在标题中提到的"jquery-migrate-3.0.0.zip"，是这个插件的一个特定版本，即3.0.0版本的压缩包。这个版本的发布，旨在帮助开发者平滑地从...
jqweui图片上传插件jquery-weui.uploader.js 实现 多图上传，预览，删除，初始化控件，图片赋值加载，获取图片数据。压缩包包含jquery-weui.uploader.js，weui以及示例demo
关于jQuery-1.7.2及VS智能提示插件的使用，首先需要将"jquery-1.7.2.js"引入到你的HTML文件中，一般通过`<script>`标签来实现，这样你就可以在页面上使用jQuery的功能了。然后，为了启用VS的智能提示，需要在...
**jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库，它是jQuery库的扩展，提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...
**jQuery摄像头插件jquery-webcam-plugin** 在网页开发中，集成摄像头功能可以帮助用户实时捕捉图像，广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库，它...
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-Migrate 是一个过渡插件让你在原来代码上升级 jQuery 不用修改代码。cdn：https://code.jquery.com/jquery-migrate-3.0.0.min.js
《jQuery Migrate插件详解与应用》 在Web开发领域，jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。然而，随着技术的发展，jQuery也在不断迭代更新，新版本可能会...
《jQuery UI 1.10.3 自定义版本与日期时间选择插件详解》 jQuery UI 是一个基于 jQuery 的开源库，它提供了丰富的用户界面组件，包括但不限于对话框、滑块、进度条、按钮、日历等。在给定的"jquery-ui-1.10.3....
"jquery-resizable-columns"正是这样一个jQuery插件，它允许用户通过鼠标拖动来改变表格列宽，从而满足不同场景下的数据查看需求。 一、jQuery可拖动列宽插件介绍 "jquery-resizable-columns"是基于jQuery的一个轻...
jquery-ui-1.10.4.min.js下载
jquery插件jquery-ui-timepicker-addon.j
**jQuery-Editor插件库详解** 在Web开发中，创建用户友好的编辑界面是一项常见的任务。为了简化这一过程，开发者通常会使用各种编辑器插件。`jQuery-Editor`插件就是这样一种工具，它允许在前端实现下拉菜单可编辑...