特效介绍
H5小游戏小心色狼是一款比较有意思的小游戏,讲述的是三个小女生和三个怪蜀黍要过河。而船上最多只能坐两人,开船需要有人。如果男生数大于女生,则会发生XXOO事件,游戏会失败。
游戏界面设计的还可以。
使用方法
1、引入下面的css和js
<link type="text/css" rel="stylesheet" href="0.css"> <script src="http://www.5imoban.net/download/jquery/jquery-1.4.2.min.js"></script>
2、将下面的代码加入到html中
<div id="game"> <div class="land L"> <div class="line_boy p1"></div> <div class="line_boy p2"></div> <div class="line_boy p3"></div> <div class="line_girl p1"></div> <div class="line_girl p2"></div> <div class="line_girl p3"></div> </div> <div class="land R"> <div class="line_boy p1"></div> <div class="line_boy p2"></div> <div class="line_boy p3"></div> <div class="line_girl p1"></div> <div class="line_girl p2"></div> <div class="line_girl p3"></div> </div> <div class="land R"> <div class="line_boy p1"></div> <div class="line_boy p2"></div> <div class="line_boy p3"></div> <div class="line_girl p1"></div> <div class="line_girl p2"></div> <div class="line_girl p3"></div> </div> <div class="land R"> <div class="line_boy p1"></div> <div class="line_boy p2"></div> <div class="line_boy p3"></div> <div class="line_girl p1"></div> <div class="line_girl p2"></div> <div class="line_girl p3"></div> </div> <div class="boat"> <!-- <div class="boat_bg"></div> --> <div class="boat_bg_1"></div> <div class="boat_bg_2"></div> <div class="boat_bg_3"></div> <div class="seat p1"></div> <div class="seat p2"></div> </div> <button class="start"></button> <button class="more"></button> <button class="go"></button> <button class="reload"></button> <button class="help"></button> <button class="xuanyao"></button> <div class="mask"></div> <div class="failure"><img src="end1.png" /></div> <div class="success"><img src="end3.png" /></div> <div class="time"></div> <div class="result"></div> <div class="welcome">三个小女生和三个怪蜀黍要过河。船上最多只能坐两人,开船需要有人。如果男生数大于女生,会发生XXOO事件……请点击“开始游戏”计时</div> </div>
3、引入js进行初始化
<script src="00.js"></script>