jquery 交替为表格添加样式的代码

下面就是我的“作品”啊，只是简单的实现其功能，并未做其他的功能啊

运行后，需要刷新下， 上面得代码比较简单，更多的例子，可以搜索以前发布的文章。



<script language="javascript" src="http://img./jslib/jquery/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
// $("a.afflik").mouseover(function(){
// window.status=this.title;return true;
// }).mouseout(function(){
// window.status='done';return true;
// });
$(".nnn tr").mouseover(function(){
$(this).addClass("over")}).mouseout(function(){
$(this).removeClass("over") });
$(".nnn tr:even").addClass("alt");
});
-->
</script>
<style type="text/css">
<!--
th{
background:#0099CC;
height:30px;
color:#FFFFFF;
line-height:30px;
}
td{
border-bottom:1px solid #CC9999;
height:25px;
}
tr.alt td{
background:#990066;
color:#FFFFFF}
tr.over td{
background:#0033FF;
}
-->
</style>
<table class="nnn" border="0" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>表头</th><th>表头</th><th>表头</th>
</tr>
</thead>
<tbody>
<tr>
<td></td><td></td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
<tr>
<td>123456</td><td>789879</td><td>4561263</td>
</tr>
</tbody>
</table>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]



有用  |  无用 取消

猜你喜欢