zoukankan      html  css  js  c++  java
  • jQuery隔行变色

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            .imgclass
            {
                200px;
                height: 200px;
            }
            .imgclass1
            {
                220px;
                height: 220px;
            }
        </style>
        <script src="jquery-1.9.1.js" type="text/javascript"></script>
        <script type="text/javascript">
          

            $(function () {

             $(function () {

                $('tr:odd').css('background-color', 'red');
                $('tr:even:not(#tr1)').css('background-color', 'blue');

            })

     </script>

    </head>
    <body>

     <table>
            <tr id="tr1">
                <th>
                    出游时间
                </th>
                <th>
                    出游地
                </th>
                <th>
                    出游方式
                </th>
                <th>
                    预计花费
                </th>
            </tr>
            <tr>
                <td>
                    元旦
                </td>
                <td>
                    三亚
                </td>
                <td>
                    飞机
                </td>
                <td>
                    2000
                </td>
            </tr>
            <tr>
                <td>
                    春节
                </td>
                <td>
                    泰国
                </td>
                <td>
                    飞机
                </td>
                <td>
                    2500
                </td>
            </tr>
            <tr>
                <td>
                    清明
                </td>
                <td>
                    大唐芙蓉园
                </td>
                <td>
                    火车
                </td>
                <td>
                    1500
                </td>
            </tr>
            <tr>
                <td>
                    五一
                </td>
                <td>
                    颐和园
                </td>
                <td>
                    火车
                </td>
                <td>
                    100
                </td>
            </tr>
            <tr>
                <td>
                    端午
                </td>
                <td>
                    周庄
                </td>
                <td>
                    火车
                </td>
                <td>
                    1000
                </td>
            </tr>
            <tr>
                <td>
                    十一
                </td>
                <td>
                    满城
                </td>
                <td>
                    汽车
                </td>
                <td>
                    30
                </td>
            </tr>
        </table>
    </body>
    </html>

  • 相关阅读:
    MySQLFront导入SQL文件报#1113错误解决
    LNMP1.3一键安装Linux环境,配置Nginx运行ThinkPHP3.2
    币胜网虚拟货币交易平台安装说明
    windows服务器详细安全设置
    WINDOWS SERVER 2008远程桌面端口修改方法
    mac终端ssh连接服务器 空闲的时候 连接断开
    FTP软件发送"AUTH TLS"提示 无法连接到服务器
    LNMP状态管理命令
    lnmp1.4环境FTP服务器的安装和使用
    springCloud
  • 原文地址:https://www.cnblogs.com/duanlinlin/p/3027039.html
Copyright © 2011-2022 走看看