HTML5 JavaScript遊戲開始畫面圖像按鈕更換

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

#StartButton 
{ 
cursor:pointer; 
} 

所以光標會看起來像在CSS中的鏈接

Answer 3

上指點過。

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