그래서 내 게임을 클릭했을 때 공백으로 표시되는 이미지 (카드 이미지)를 얻으려고합니다. 나는 그것이 사라지는 것을 시뮬레이션하기 위해 빈 이미지로 나타나기를 원합니다. 트라이 피크 솔리테어 게임입니다. 카드가 유효한지 여부를 테스트하는 기능이 이미 있습니다. 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>
다음 은 "카드"에서 및 이벤트 를 사용 querySelector
하고 addEventListener
처리 하는 간단한 개념 증명 구현입니다 .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);
<div>
<img class="card"
id="leftRow4E1"
src="http://globe-views.com/dcim/dreams/card/card-04.jpg"
alt="cardback"
style="width: 100px;" />
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다