网络安全检测|网络安全服务|网络安全扫描-香港墨客投资移动版

主页 > 业界资讯 > 网络渗透测试

H5小游戏小心色狼

H5小游戏小心色狼


H5小游戏小心色狼是一款比较有意思的小游戏,讲述的是三个小女生和三个怪蜀黍要过河。而船上最多只能坐两人,开船需要有人。如果男生数大于女生,则会发生XXOO事件,游戏会失败。

游戏界面设计的还可以。

使用方法

1、引入下面的css和js

<link type="text/css" rel="stylesheet" href="0.css"> <script src=""></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>


(责任编辑:admin)