HTML5 자바 스크립트 게임 시작 화면 이미지 버튼 교체

Question

기본 시작 화면에 대한 코드가 있지만 이미지 대신 버튼을 변경하고 싶습니다. 어떻게해야합니까?

<div id="SplashScreen"> 
<h1>Game Title</h1> 
<input id="StartButton" type="button" value="Start"/> 
</div> 

<canvas id="GameCanvas" style="display: none;">Game Stuff</canvas> 

<script> 
    $("#StartButton").click(function() { 
    $("#SplashScreen").hide(); 
    $("#GameCanvas").show(); 
}); 
</script> 

그래서 재생 버튼을 이미지로 바꾸시겠습니까? 이 작업을 수행 할 여지가 있습니까?

Answer 1

이를 사용할 수 있습니다

<button type="button" id="StartButton"><img src="image.png" /></button> 

Answer 2

당신은 당신의 버튼에 대한 <img> 태그를 사용해야합니다.

는 너무 커서 CSS의 링크

Answer 3

에 이상 가리키는 모양을 일부 CSS를

#StartButton 
{ 
cursor:pointer; 
} 

를 사용할 수 있습니다, 그것은 클릭 버튼처럼 더 보이게합니다.

#StartButton { 
    background-image:url('yourimagehere.jpg'); 
}