加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

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

发布时间:2023-09-08 14:29:09 所属栏目:教程 来源:
导读:今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下:

代码如下:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>隔行换色</title>

<script src="js/jquer
今天用一种简洁的方法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>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章