繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 行背景颜色的交替显示(隔行变色)实现代码
- Javascript
- JS option location 页面跳转实现代码
- ExtJS 简介 让你知道extjs是什么
- ExtJs 学习笔记 Hello World!
- ExtJs 学习笔记基础篇 Ext组件的使用
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
- 漂亮的脚本日历,和大家分享
- JS Tween 颜色渐变
- js 图片轮播(5张图片)
- 开发跨浏览器javascript常见注意事项
- 通用JS事件写法实现代码
- Js 订制自己的AlertBox(信息提示框)
- js 浮动层菜单收藏
- JavaScript入门教程(10) 认识其他对象
- JQuery 常用方法基础教程
- jQuery 页面载入进度条实现代码
- jQuery Ajax 全解析
- CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
- Ext JS Grid在IE6 下宽度的问题解决方法
- js window.event对象详尽解析
- JavaScript 悬浮窗口实现代码
Javascript 中的 jQuery 行背景颜色的交替显示(隔行变色)实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 301 ::
收藏到网摘: 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
