点击这里给我发消息 点击这里给我发消息

javascript---JQ实现双色表格

添加时间:2013-12-7
    相关阅读: 相关内容

  上次用javascript实现了上色表格,见<JS实现双色表格>。但通过jQuery强大的

  选择器可更加简洁,优雅的实现。

  不多说了,直接给代码

  代码

  <html>

  <head>

  <title>双色表格</title>

  <style type="text/css">

  <!--

  table {

  border:solid 1px black;

  text-align:center;

  border-spacing:0px;

  }

  th,td {

  border:solid 1px black;

  width:100px;

  }

  -->

  </style>

  <script src="lib/jquery.js" type="text/javascript"></script>

  <script type="text/javascript" >

  $().ready(function() {

  $('tr:has(th)').css('background','violet');        //表格标题

  $('tr:even:gt(0)').css('background','yellow');    //偶数行,且行数大于0(即标题)

  $('tr:odd').css('background','olive');            //奇数行

  });

  </script>

  </head>

[1] [2] 下一页

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册