今天完成的事情:任务三全部写出来了;点击翻牌查看,再点击隐藏。根据人数依次循环。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"
}
});
});
评论