CSS3火柴人跑步游戏特效代码下载


CSS3火柴人跑步游戏特效代码下载
CSS3火柴人跑步游戏特效代码下载以及火柴人、跑步游戏等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代码

<input type="radio" name="state" id="s-1" checked>
<input type="radio" name="state" id="s-2">
<input type="radio" name="obstacle" id="o-1">
<input type="radio" name="obstacle" id="o-2">
<input type="radio" name="obstacle" id="o-3">
<input type="radio" name="obstacle" id="o-4">
<input type="radio" name="obstacle" id="o-5">
<input type="radio" name="obstacle" id="win">
<div class="game">
	<div class="buttons">
		<label for="s-1">Jump</label>
		<label for="s-2">Jump</label>
		<label for="o-2">Jump</label>
		<label for="o-3">Jump</label>
		<label for="o-4">Jump</label>
		<label for="o-5">Jump</label>
		<label for="win">Jump</label>
	</div>
	<div class="screen">
		<div class="over win">You won</div>
		<div class="over game_over">Game Over</div>
		<div class="over start"><label for="o-1">Start Game</label></div>
		<div class="player">
			<div>	
				<div class="head"></div>
				<div class="body"></div>
				<div class="arm"></div>
				<div class="leg"></div>
				<div class="leg"></div>
			</div>
		</div>
		<div class="ground"></div>
		<div class="obstacle obstacle-1"></div>
		<div class="obstacle obstacle-2"></div>
		<div class="obstacle obstacle-3"></div>
		<div class="obstacle obstacle-4"></div>
		<div class="obstacle obstacle-5"></div>
		<div class="obstacle victory"></div>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章