博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery实现HTML表格隔行变色及鼠标悬停变色效果
阅读量:4119 次
发布时间:2019-05-25

本文共 268 字,大约阅读时间需要 1 分钟。

以下代码实现效果:1.表格隔行变色。2.鼠标悬停在表格行上时变色。

一:在页面内引入jquery.js。我使用的是jquery-1.6.min.js。

二:加入如下js代码

三:添加如下CSS样式表

/*注意选择器的层叠关系*/.stripe_tb tr.alt td{background:#ecf6fc} /*这行将给所有偶数行加上背景色*/.stripe_tb tr.over td{background:#FEF3D1} /*这个将是鼠标高亮行的背景色
四:给对应表格<table>标签加上class="stripe_tb"属性

转载地址:http://zwnpi.baihongyu.com/

你可能感兴趣的文章
JAVA数据类型
查看>>
Xshell 4 入门
查看>>
SoapUI-入门
查看>>
Oracle -常用命令
查看>>
JAVA技术简称
查看>>
ORACLE模糊查询优化浅谈
查看>>
2016——个人年度总结
查看>>
2017——新的开始,加油!
查看>>
【Python】学习笔记——-6.2、使用第三方模块
查看>>
【Python】学习笔记——-7.0、面向对象编程
查看>>
【Python】学习笔记——-7.2、访问限制
查看>>
【Python】学习笔记——-7.3、继承和多态
查看>>
【Python】学习笔记——-7.5、实例属性和类属性
查看>>
Linux设备模型(总线、设备、驱动程序和类)之四:class_register
查看>>
git中文安装教程
查看>>
虚拟机 CentOS7/RedHat7/OracleLinux7 配置静态IP地址 Ping 物理机和互联网
查看>>
弱类型、强类型、动态类型、静态类型语言的区别是什么?
查看>>
Struts2技术内幕图书 转载
查看>>
Java异常分类
查看>>
项目中的jackson与json-lib使用比较
查看>>