首页 > 语言 > JavaScript > 正文

使用简洁的jQuery方法实现隔行换色功能

2024-05-06 14:31:15
字体:
来源:转载
供稿:网友

今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下:
代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
 <title>隔行换色</title>
    <script src="js/jquery-1.4.2.min.js"></script>
    <style type="text/css">
        body,table,td, {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
        }
        .h {
            background:#f3f3f3;
            color:#000;
        }
        .c {
            background:#ebebeb;
            color:#000;
        }
    </style>
</head>
<body>
<div id="aaa">
    <form>
        <table id="table" width="50%" border="0" cellpadding="3" cellspacing="1">
            <tr>
                <td width="30" align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox" /></td>
                <td>错新站长站</td>
                <td>错新站长站</td>
            </tr>
            <tr>
                <td align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox"  /></td>
                <td>错新站长站</td>
                <td>错新站长站</td>
            </tr>
            <tr>
                <td align="center"><input type="checkbox" name="checkbox" class="check1" value="checkbox" /></td>
                <td>错新站长站</td>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选