jQuery实现隔行变色

//实现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>

//超简单的隔行变色哦
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭