发表于: 2017-06-19 23:50:47
1 947
一、今天完成的事:
1.熟悉任务4,将任务4第一个静态页面完成;
2.理解对象的含义,将玩家状态和身份存到一个对象中;
二、明天的计划:
1.继续任务4
三、遇到的问题:
1.开始游戏后的4个流程,需要玩家按照顺序点击,点击之后再次点击的时候需要提示玩家“按照顺序点击”,目前怎么判断玩家是否点击过,暂时没有很好的方法,根据背景色判断可以实现,但是感觉有点麻烦,明天再研究研究;
四、收获:
1、之前一直没有用border实现小三角形,这次研究了一下border实现三角形的应用:主要是清空宽高,指设置border的宽度和颜色,然后将不需要的背景色清空;
border-color: transparent $fontColor1 transparent transparent;
border-style: solid;
border-width: .5rem 1rem 0.5rem 0;
2.根据背景色判断是否被点击,无点击的话改变背景色,点击过的话弹出提示框:
function oneClick() {
var b = document.getElementById("aaa").style.backgroundColor;
console.log(b);
if (b == "rgb(153, 153, 153)") {
alert("请按照顺序点击!")
} else {
$(".content4 p").css("background-color","#999999");
$(".content4 .content-triangle").css("border-right-color","#999999");
}
}
评论