发表于: 2021-04-29 21:41:47

1 2209


今天完成的事情:任务三全部写出来了;点击翻牌查看,再点击隐藏。根据人数依次循环。wiki总结
明天计划的事情:任务三优化,JS基础知识补习(打算五一任务四先不进行,补习JS基础)
遇到的问题:网页中还存在bug,没能解决。
收获:使用 jQ 框架来完成的想要达到的效果,hide()隐藏函数;show()显示函数;来实现的角色卡片翻页,来达到自己想要的效果。

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>//引入 jQ 框架

<body>

<p>如果你点击“隐藏” 按钮,我将会消失。</p>

<button id="hide">隐藏</button>

<button id="show">显示</button>

</body>


<script>//JS脚本

$(document).ready(function() {//准备函数,待网页准备好后进行

  $("#hide").click(function() { //点击函数;命令实现点击,使 “p”标签隐藏;

    $("p").hide();隐藏函数

  });

  $("#show").click(function() {//点击函数,点击使“p”元素显示,基于上一个命令

    $("p").show();//显示函数

  });

});

</script>

$(document).ready(function () {//待页面加载完成后,jQ框架在进行渲染
 
    //初始翻页页面的展示值
    $(".box").text(t);
    $("h1").text("查看" + f + "号身份");
    f++;
    $("#bton").click(function () {//点击函数,对其点击来实现下面的一系列任务
        if (i < c * 2 - 2) {//判断,来进行翻页所展现正确的的内容
            if (i == 0 || i % 2 == 0) {//嵌套的判定
                //当上面的两种判定都符合要求,一下任务运行,并循环至失去要求目的
                $("#one").hide();
                $("#role").show();
                $("h2").text("角色:" + shu[t - 1]);
                $(".box").text(t);
                $("h1").text("隐藏并传递给" + f + "号");
                if (shu[(t - 1)] == "杀手") {
                    $("h3").text("词组:" + killer);
                }
                else {
                    $("h3").text("词组:" + orlm);
                }
                i++;
                t++;
            }
            //符合主要求但,第嵌套要求否定,执行下面任务,并循环
            else {
                $("#one").show();
                $("#role").hide();
                $(".box").text(t);
                $("h1").text("查看" + f + "号身份");
                i++;
                f++;
            }
        }
        //为没有符合上面的主要求,进行下面的判定
        else if (i == c * 2 - 2) {//符合判定,执行下面的任务,并循环
            $("#one").hide();
            $("#role").show();
            $(".box").text(t);
            $("h1").text("法官页面");
            i++;
        }
        //上面的判定都失去意义,下面命令生效,跳转页面
        else {
            location.href = ".html"
        }
    });
});



返回列表 返回列表
评论

    分享到