1
2
3
4
5
<div>
    <ul>
    </ul>
    <button>切换</button>
</div>
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
$(function() {
    var bac = ["#b1181a", "#ff7375", "#a8e8ff", "#f2a8ff", "#f5b879"];
    var color = ["black", "white"];
    var content = ["二狗子", "三胖子", "四大子", "五顺子", "刘哈子", "七跛子", "八娃子", "九九子", "大乌龟"];
    for (var i = 0; i < 8; i++) {
        var cot = content[Math.floor(Math.random() * 9)];
        var li = "<li>" + cot + "</li>";
        $("ul").append(li);
    }
    $("ul li").each(function() {
        $(this).css({
            "background-color": bac[Math.floor(Math.random() * 5)],
            "color": color[Math.floor(Math.random() * 2)]
        })
    });
    $("button").click(function() {
        $("ul").empty();
        for (var i = 0; i < 8; i++) {
            var cot = content[Math.floor(Math.random() * 9)];
            var li = "<li>" + cot + "</li>";
            $("ul").append(li);
        }
        $("ul li").each(function() {
            $(this).css({
                "background-color": bac[Math.floor(Math.random() * 5)],
                "color": color[Math.floor(Math.random() * 2)]
            })
        });
    })
})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX