jquery隔行变色效果
2011-07-29 16:30
148 查看
<script src="../common/jquery-1.6.2.min.js"></script> <script> $(document).ready(function() { $('tr').addClass('odd'); $('tr:even').addClass('even'); //奇偶变色,添加样式 }); </script> <style> #hacker tr:hover{ background-color:#09C; //使用CSS伪类达到鼠标移入行变色的效果,比Jquery 的mouseover,hover 好用 } .odd { background-color: #ffc; /* pale yellow for odd rows */ } .even { background-color: #cef; /* pale blue for even rows */ } </style>
编辑器加载中...
相关文章推荐
- 如何设置listview 某个item不可点击,即没有背景变色的效果
- JavaScript实现表格快速变色效果代码
- jQuery隔行变色鼠标划过高亮度显示
- JavaScript实现表格快速变色效果代码
- jquery实现表格中点击相应行变色功能效果【实例代码】
- jQuery隔行变色插件
- [原创]持续给力:jQuery实现表格隔行变色效果案例详解
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- 安卓使用Html实现textview部分字体变色加粗的效果(使用Html实现多种字体效果)
- 鼠标经过表格行时,显示变色、字体放大效果 jquery
- ImageView点击效果(变色)
- jQuery隔行变色
- CSS鼠标滑过变色效果
- css控制表格样式 鼠标经过变色效果
- asp.net下怎么实现Gridview鼠标滑过光棒变色效果
- 输入框点击时边框变色效果的实现方法
- GridView1移上去后背景变色效果
- repeater 设置鼠标滑过,行变色的效果
- android表格效果--ListView隔行变色、颜色表
- jquery学习第一天:隔行变色、文本框聚焦清空、展示收缩效果