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

您应该为按钮使用<img>标记。

为了使它看起来更像是一个可点击的按钮，你可以使用一些css

#StartButton
{
 cursor:pointer;
}

所以光标看起来就像是指向一个链接

Answer 2

在css。

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

Answer 3

您可以使用：

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

HTML5 JavaScript游戏开始屏幕图像按钮替换

3 个答案: