jQuery插件实现表格隔行换色且感应鼠标高亮行变色_jquery

js代码：

css代码：

复制代码代码如下:

tr.alt td {
background:#ecf6fc; /*这行将给所有的tr加上背景色*/
}
tr.over td {
background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/
}

时间： 2025-01-26 18:51:18

jQuery插件实现表格隔行换色且感应鼠标高亮行变色_jquery的相关文章

表格隔行换色js和jquery的实现方法

下面介绍一下关于表格隔行换色的方法,我们先来介绍一下关于jquery的方法,然后简单的介绍一下js的实现方法. 代码如下复制代码 <script type="text/javascript"> $(document).ready(function(){ $(".table tr").mouseover(function(){ //如果鼠标移到class为table的表格的tr上时,执行函数 $(this).addClass("hov

jquery实现表格隔行换色效果_jquery

本文实例讲述了jquery实现表格隔行换色效果的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 1.新建一个web项目,jQuery: 2.在WebContent目录下新建script文件夹,将jquery-1.10.1.js复制到script中: 3.同样,新建TableColor.html:TableColor.html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码_jquery

本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法.分享给大家供大家参考,具体如下: 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

jQuery方法简洁实现隔行换色及toggleClass的使用_jquery

今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></script> <style type=&quo

不用javascript实现带序号的表格隔行换色的效果_经验交流

观自在菩萨行深般若波罗密多时照见五蕴皆空度一切苦厄舍利子色不异空空不异色色既是空空既是色受想行识亦复如是舍利子是诸法空相不生不灭不垢不净不增不减是故空中无色无受想行识 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript实现表格隔行换色效果

第一行第一行第二行第二行第三行第三行第四行第四行第五行第五行第六行第六行

Js 实现表格隔行换色一例_javascript技巧

2006年 2007年 2008年 2009年总 4 2 56 43 10 4 10 10 10 76 10 9 总 10 10 10 10 2 10 12 10 10 10 10 10 总 10 5 10 10 10 7 10 3 10 5 7 8

js 控制表格隔行换色代码

2006年 2007年 2008年 2009年总分分分分分分分分分分分分总分分分分分分分分分分分分总分分分分分分分分分分分分

Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例_jquery

[javascript] 复制代码代码如下: $(function () { gridview("GridView1"); }); //gridview function gridview(objgridview) { //get obj id var gridviewId = "#" + objgridview; //even $(gridviewId + ">tbody tr:even").ad