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 に答える