所以我试图让我的游戏的图像(卡片图像)在点击时显示为空白。我希望它出现一个空白图像来模拟它消失。这是一个三峰纸牌游戏。我已经有一个测试卡是否有效的功能,我只是无法让它正常工作,不熟悉Javascript。或者,如果有人知道一个更好的方式我可以解决这个问题,我会全力以赴,谢谢。
这是代码的一部分:
<!DOCTYPE HTML>
<html>
<button onclick="newGame(); Deal();" style=" top: 35px; left: 80px; position: absolute;">New Game
<div onmousedown="A(this)"><button onclick="Tri_Peak_Game()"><img id="leftRow4E1" src="cardback.jpg" alt="cardback" style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> </button> </div>
<script language="javascript" type="text/javascript">
</script>
</html>
答案 0 :(得分:1)
此处是一个简单的概念验证实施,使用querySelector
和addEventListener
来处理&#34; card&#34;上的mousedown
和mouseup
事件。
function cardMouseDown(event) {
event.target.src = "http://www.alderac.com/images/2015/01/playing-cards.jpg";
}
function cardMouseUp(event) {
event.target.src = "http://globe-views.com/dcim/dreams/card/card-04.jpg";
}
document.querySelector('.card').addEventListener('mousedown', cardMouseDown);
document.querySelector('.card').addEventListener('mouseup', cardMouseUp);
&#13;
<div>
<img class="card"
id="leftRow4E1"
src="http://globe-views.com/dcim/dreams/card/card-04.jpg"
alt="cardback"
style="width: 100px;" />
</div>
&#13;