PROMULGATOR

    yuebanzhou

    北京市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div id="big">
    <table>
        <caption>
            <h1>班级班级</h1>
        </caption>
        <tbody id="all">
            <tr>
                <td class="name boy">哈哈</td>
                <td></td>
                <td class="name boy">哈哈</td>
                <td class="name boy">哈哈</td>
                <td class="name boy">哈哈</td>
                <td></td>
                <td class="name boy">哈哈</td>
                <td class="name boy">哈哈</td>
                <td class="name boy">哈哈</td>
                <td class="name boy">哈哈</td>
            </tr>
            <tr>
                <td class="name girl">呵呵</td>
                <td class="name girl">呵呵</td>
                <td class="name boy">呵呵</td>
                <td class="name boy">呵呵</td>
                <td class="name boy">呵呵</td>
                <td></td>
                <td class="name boy">呵呵</td>
                <td class="name boy">呵呵</td>
                <td class="name boy">呵呵</td>
                <td class="name boy">呵呵</td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="name boy">嘿嘿</td>
                <td class="name boy">嘿嘿</td>
                <td class="name boy">嘿嘿</td>
                <td class="name boy">嘿嘿</td>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
body {
    background-repeat:no-repeat;
}
#big {
    width:1300px;
    margin:50px 50px;
    position:relative;
}
table {
    height:400px;
    background-color:rgba(255,192,203,.5);
    border:2px solid #333333;
    padding:10px;
    border-collapse:collapse;
    border-spacing:0;
    font-size:20px;
    font-weight:bold;
}
table td {
    width:100px;
    border:1px solid #333333;
    text-align:center;
}
input {
    width:120px;
    height:60px;
    background-color:rgba(135,206,250,.5);
    font-size:14px;
    border-radius:25px;
}
#only {
    position:absolute;
    right:140px;
    top:100px;
}
#stop1 {
    position:absolute;
    right:10px;
    top:100px;
}
#boy {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
    function zy$(id) {
        return document.getElementById(id)
    };
    //一个
    var tdO = zy$("all").getElementsByClassName("name");
    //循环遍历每个td
    for (var i = 0; i < tdO.length; i++) {
        //注册点击事件，添加事件处理函数
        var timeId1 = "";
        zy$("only").onclick = function() {
            clearInterval(timeId1);
            timeId1 = setInterval(function() {
                //刷一遍
                for (var j = 0; j < tdO.length; j++) {
                    tdO[j].style.backgroundColor = "rgba(255,192,203,.5)";
                }
                //产生随机数
                var result1 = parseInt(Math.random() * tdO.length);
                tdO[result1].style.backgroundColor = "yellow";
                zy$("stop1").onclick = function() {
                    clearInterval(timeId1);
                }
            }, 200)
        };
    }
    //男生
    var tdbO = document.getElementsByClassName("boy");
    //循环遍历每个td
    for (var i = 0; i < tdbO.length; i++) {
        //注册点击事件，添加事件处理函数
        var timeId2 = "";
        zy$("boy").onclick = function() {
            clearInterval(timeId2);
            timeId2 = setInterval(function() {
                //刷一遍
                for (var j = 0; j < tdbO.length; j++) {
                    tdbO[j].style.backgroundColor = "rgba(255,192,203,.5)";
                }
                //产生随机数
                var result1 = parseInt(Math.random() * tdbO.length);
                tdbO[result1].style.backgroundColor = "yellow";
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

随机点名（原创）

0