您的位置:首页 > Web前端 > JQuery

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>


  

编辑器加载中...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: