繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 行背景颜色的交替显示(隔行变色)实现代码
- Javascript
- jQuery开发者都需要知道的5个小技巧
- Extjs学习笔记之六 面版
- Javascript 中的类和闭包
- IE6下JS动态设置图片src地址问题
- Extjs学习笔记之七 布局
- Extjs学习笔记之八 继承和事件基础
- Extjs TriggerField在弹出窗口显示不出问题的解决方法
- JavaScript中的集合及效率
- 利用js获取服务器时间的两个简单方法
- 在html页面上拖放移动标签
- 了解jQuery技巧来提高你的代码
- JavaScript 页面坐标相关知识整理
- Javascript UrlDecode函数代码
- JQuery 遮罩层实现(mask)实现代码
- jQuery 页面 Mask实现代码
- Javascript的构造函数和constructor属性
- js或css文件后面跟参数的原因说明
- 将CKfinder整合进CKEditor3.0的新方法
- jQuery UI-Draggable 参数集合
- jQuery 行级解析读取XML文件（附源码）
Javascript 中的 jQuery 行背景颜色的交替显示(隔行变色)实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 276 ::
收藏到网摘: 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
