0

我有一些基本开始屏幕的代码,但我想将按钮更改为图像,我该怎么做?

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

所以我想用图像替换播放按钮?有没有办法做到这一点?

4

3 回答 3

1

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

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

#StartButton
{
 cursor:pointer;
}

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

于 2012-10-11T14:40:18.250 回答
1

在 CSS 中。

#StartButton {
    background-image:url('yourimagehere.jpg');
}
于 2012-10-11T14:41:22.263 回答
0

你可以使用这个:

<button type="button" id="StartButton"><img src="image.png" /></button>
于 2012-10-11T14:40:12.980 回答