发表于： 2019-11-01 23:53:35
1 1218
今天完成的事
完成页面图片交替切换
先写个值等于数组长度的时候，改变按钮文本，虽然不知道对不对，先写着
// 等于数组长度的时候，改变按钮值。
if(m === data.length){
btn.innerText = ("法官查看");
location.href = "#";
}
获取各种标签DOM元素
// 顶部的数字
var nmb=document.getElementById("nmb");
// 背面图片
var back=document.getElementById("back");
// 身份图片
var identity=document.getElementById("identity");
//玩家身份
var t1=document.getElementById("t1");
// 按钮
var btn=document.getElementById("btn");
声明i与t值，用于等下等级按钮次数自加，并且改变文本
var i=0;
var t=2;
//初始值
var m=0;
用隐藏与显示达成 切换图片效果
if(i === 0 ){
back.style.display="none"; //隐藏背面图片
identity.style.display = "block";//显示身份图片
t1.style.display = "block";// 获取数组内容
btn.innerText = ("隐藏并传递" + t + "号");// 修改按钮的内容
i = i + 1;
m=m+1;
}
else {
back.style.display = "block"; // 显示反面图片
identity.style.display = "none"; // 隐藏身份图片和玩家描述盒子
t1.style.display = "none";
// 修改顶部玩家数值
nmb.innerText = t ;
// 修改button内容
btn.innerText = ("查看" + t + "号身份");
i = i - 1;
t = t + 1;
}
效果如下
明天的计划
调整位置，加入身份显示，继续完善任务3.
返回列表
评论