jQuery实现隔行变色
2012-03-19 21:14
387 查看
//实现table隔行变色超级简单的代码 <style type="text/css"> .one{ background:#C00; } .two{ background:#09F; } </style><script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("tr:even").addClass("one");//奇数行 $("tr:odd").addClass("two");//偶数行 } ); </script> <table width="300" border="1" class="color"> <tr> <td></td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
//超简单的隔行变色哦
相关文章推荐
- 利用jquery一句话实现隔行变色
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- jQuery选择器实现隔行变色
- jquery实现隔行变色效果
- jquery 实现表格隔行变色
- Jquery实现隔行变色问题
- 用JQuery实现表格隔行变色和突出显示当前行的代码
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 用JQuery实现表格隔行变色和突出显示当前行
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- jquery实现表格的隔行变色
- 利用jquery一句话实现隔行变色
- jQuery轻松实现表格的隔行变色和点击行变色的实例代码
- jQuery--过滤选择器实现隔行变色-表单选择器实现全选或全不选
- 使用JQuery实现隔行变色
- jquery实现隔行变色
- jQuery实现隔行背景色变色
- 使用原生js和jQuery实现表格的隔行变色
- JQuery实现表格隔行变色,鼠标经过的行放大显示