jQuery插件实现表格隔行换色且感应鼠标高亮行变色
tr.alt td {
background:#ecf6fc; /*这行将给所有的tr加上背景色*/
}
tr.over td {
background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/
}
相关推荐
-
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法.分享给大家供大家参考,具体如下: 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm
-
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
jQuery轻松实现表格的隔行变色和点击行变色的实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m
-
jQuery 表格隔行变色代码[修正注释版]
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
本文实例讲述了jQuery实现Table表格隔行变色及高亮显示当前选择行效果.分享给大家供大家参考,具体如下: 最近客户要求高亮选择列表的功能,于是顺便做了个,作为记录. 前台代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=
-
用JQuery实现表格隔行变色和突出显示当前行的代码
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> &l
-
jQuery实现table隔行换色和鼠标经过变色的两种方法
一.隔行换色 复制代码 代码如下: $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定: 复制代码 代码如下: $("table tr:nth-child(odd)").css("background-col
-
JQuery操作表格(隔行着色,高亮显示,筛选数据)
查了些资料,写了4个Demo: 1. 隔行着色 复制代码 代码如下: $('#table1 tr:odd').addClass('odd'); $('#table1 tr:even').addClass('even'); 效果: 2. 高亮含有特定数据的行 复制代码 代码如下: $("#table2 tr:contains('Fuck')").addClass("selected"); 3. 筛选数据 复制代码 代码如下: $("#filter"
-
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
本文实例讲述了jQuery实现表格隔行及滑动,点击时变色的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu
-
jquery实现带复选框的表格行选中删除时高亮显示
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除.在这的地方,可以加个特效,单击某行的同时将该行的复选框选中,该行的背景色也高亮显示.这样给人的感觉非常好. 效果如下: 我做的这里有两个功能: 功能1.单击某行,该行的复选框被选中,同时改变一下背景色. 功能2.单击全选/全不选标签后,改变行的颜色. 两个功能我封装到了js文件中,使用的时候引入就行了. 先看
-
jquery实现带单选按钮的表格行选中时高亮显示
上篇博客写的是复选框的,这次写的是单选框的,有时查询的时候,只能选择一条记录,如果将选中的这条记录的行高亮显示,同时该行的单选按钮也被选中了,这样会提高用户的体验的.如今的时代,就是用户体验的时代. 效果如下: CSS文件如下如下所示: 复制代码 代码如下: .selected{ background:#FF6500; color:#fff; }: 这次的js文件的代码就变得更简单了,如下所示: 复制代码 代码如下: /** * 设置含有单选按钮的表格的背景颜色 */ $(document).r
-
jquery属性选择器not has怎么写 行悬停高亮显示
复制代码 代码如下: $(function(){ /* //$("html body div table.table_list tbody tr").not(":has('td a img[src*=tj.gif]')").mouseover(function(){ $("html body div table.table_list tbody tr:not(':has('td a img[src*=tj.gif]')')").mouseover
随机推荐
- 如何在DOS下使用长文件名
- Oracle存储过程游标用法分析
- Angular 通过注入 $location 获取与修改当前页面URL的实例
- CentOS7系统下用YUM安装Nginx详解
- JAVA并发编程有界缓存的实现详解
- java生成XML的方法【附demo源码下载】
- WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
- 如何利用tinyxml操纵xml及注意问题
- mysql 5.7.30安装配置方法图文教程
- [分享]一个非常漂亮的进度滚动条
- 详解git无法pull仓库refusing to merge unrelated histories
- 布局遇到的问题 非常不错的见解
- SpringBoot配置发送Email的示例代码
- Android开发学习笔记之通过API接口将LaTex数学函数表达式转化为图片形式
- JS高级拖动技术 setCapture,releaseCapture
- SQL Server Alwayson添加监听器失败的解决方法
- android自定义进度条渐变色View的实例代码
- java基本教程之Thread中start()和run()的区别 java多线程教程
- Android中微信小程序支付倒计时功能
- Java 十进制转二、八、十六进制的字符串