教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery 行背景颜色的交替显示(隔行变色)实现代码

jQuery 行背景颜色的交替显示(隔行变色)实现代码

发布时间:2013-09-04   编辑:jiaochengji.com
主要是利用了jquery的attr为行添加样式来实现的,具体的代码如下。
主要是利用了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控制表格隔行变色

您可能感兴趣的文章:
jQuery 行背景颜色的交替显示(隔行变色)实现代码
jQuery 表格隔行换色 鼠标高亮行变色的实现代码
javascript实现隔行变色函数代码一例
js 隔行变色与鼠标悬停自动变色的实现代码
js 隔行变色的最简单代码
Linux shell中echo改变输出显示样式的方法
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
jquery实现带复选框的表格行选中删除时高亮显示
JQuery实现表格隔行换色(隔行变色)效果代码一例
jquery改变tr背景色的示例代码

[关闭]
~ ~