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

我有一些基本的開始畫面的代碼，但我想改變按鈕的圖像，我會怎麼做？HTML5 JavaScript遊戲開始畫面圖像按鈕更換

<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>

所以我想播放按鈕被替換爲圖像？無論如何要做到這一點？

來源

2012-10-11 corrigan_sam

使用''？ –

確定代碼中沒有「播放」按鈕。我認爲你的意思是「開始」按鈕。只需替換一個圖像，就等於'' – devnull69

您可以使用此：

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

來源

2012-10-11 14:40:12 MyBoon

您應該使用<img>標記爲您的按鈕。

，使它看起來更像是一個可點擊的按鈕，你可以使用一些CSS

#StartButton 
{ 
cursor:pointer; 
}

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

來源

2012-10-11 14:40:18

上指點過。

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

來源

2012-10-11 14:41:22 user1646537

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

回答

相關問題