繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 行背景颜色的交替显示(隔行变色)实现代码
- Javascript
- Prototype使用指南之form.js
- Prototype1.5 rc2版指南最后一篇之Position
- javascript 对象的定义方法
- JS多级连动菜单
- javascript编程起步（第一课）
- javascript编程起步（第二课）
- java script编程起步（第三课）
- jquery简单体验
- javascript编程起步（第四课）
- javascript编程起步（第五课）
- javascript编程起步（第六课）
- javascript编程起步（第七课）
- javascript object oriented 面向对象编程初步
- js宝典学习笔记（上）
- JS宝典学习笔记(下)
- javascript基础的动画教程，直观易懂
- javascript 的面向对象特性参考
- JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接
- JScript面向事件驱动的编程
- 一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Javascript 中的 jQuery 行背景颜色的交替显示(隔行变色)实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 389 ::
收藏到网摘: n/a
主要是利用了jquery的attr为行添加样式来实现的，具体的代码如下。 一些css的定义，可以根据需要自己选择。
//显示单双行显示不同背景色【方法一】：
// $("#UL_id li:even").attr("className","redClass");
//显示单双行显示不同背景色【方法二】：
$("#UL_id li:even").addClass("redClass");
<ul id="UL_id">
<li>单数</li>
<li>双数</li>
<li>双数</li>
</ul>
odd:单
even:双
jQuery 表格隔行变色代码
li隔行换色改进版
JS控制表格隔行变色
评论 (0) All
