第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

JaveScript 之開關(guān)燈游戲

標(biāo)簽:
JavaScript

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
</body>
<script type="text/javascript">
    var lightRow = 10; //行
    var lightCol = 10; //列
    var lightWidth = 50;
    var lightHeight = 50;
    var itemMargin = 3;
    var lightBorder = 1;
    var beforeBG = "black";
    var afterBG = "yellow";
    var shaDow1 = "5px 5px 5px rgb(50,50,50)";
    var shaDow2 = "5px 5px greenyellow";

    var body_ = document.getElementsByTagName("body");

    var annui = document.createElement("button");
    annui.innerHTML = "开始游戏";
    annui.onclick = jj;
    body_[0].appendChild(annui);

    var mainDiv = document.createElement("div");
    mainDiv.style.width = lightCol * lightWidth + lightBorder * lightCol * 2 + itemMargin * lightCol * 2 + "px";
    mainDiv.style.margin = "0 auto";
    body_[0].appendChild(mainDiv);

    var lights = [];
    for(var i = 0; i < lightRow * lightCol; i++) {
        var lightItem = document.createElement("div");
        lightItem.style.width = lightWidth + "px";
        lightItem.style.height = lightHeight + "px";
        lightItem.style.background = beforeBG;
        lightItem.style.margin = itemMargin + "px";
        lightItem.style.border = lightBorder + "px solid black";
        lightItem.style.borderRadius = "0 20%";
        lightItem.style.boxShadow = shaDow1;
        lightItem.style.display = "inline-block";
        lightItem.innerHTML = i;
        lightItem.onclick = ff;
        lightItem.onOroff = false;
        lightItem.index = i;
        lights.push(lightItem);
        mainDiv.appendChild(lightItem);
    }
    var ny = 5;
    var flag = 0;

    function clickItem(a) {
        onOroff(a);
        if(a.index >= 10) {
            onOroff(lights[a.index - 10]);
        }
        if(a.index <= 90) {
            onOroff(lights[a.index + 10]);
        }
        if(a.index % 10 != 0) {
            onOroff(lights[a.index - 1]);
        }
        if(a.index % 10 != 9) {
            onOroff(lights[a.index + 1]);
        }
    }

    function onOroff(item) {
        if(item.onOroff == false) {
            item.style.background = afterBG;
            item.style.boxShadow = shaDow2;
            item.onOroff = true;
            flag++;
        } else {
            item.style.background = beforeBG;
            item.style.boxShadow = shaDow1;
            item.onOroff = false;
            flag--;
        }
    }

    function jj() {
        for(var i = 0; i < ny; i++) {
            var b = parseInt(Math.random() * 99);
            clickItem(lights[b]);
            console.log(b);
        }
    }

    function ff() {
        clickItem(this);
        if(flag == 0) {
            alert("恭喜过关");
            ny += 5;
            jj();
        } else {

        }
    }
</script>

</html>

點(diǎn)擊查看更多內(nèi)容
5人點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報(bào)

0/150
提交
取消