jquery实现一个开心消消乐小游戏代码

代码语言:html

所属分类:游戏

代码描述:jquery实现一个开心消消乐小游戏代码,玩家只需滑动手指让三个及以上的同色小动物横竖相连即可消除,完成每关的指定消除目标就可以过关。

代码标签: 开心 消消 小游戏

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        *{ margin:0; padding:0;}
    #ul1{ position:relative; margin:20px auto; background:#1b1f2b; overflow:hidden;}
    #ul1 li{ list-style:none;}
     
    body { text-align: center; background-color: #2A2A2A; color: aliceblue}
    .box0{ width:70px; height:70px; background:url(//repo.bfw.wiki/bfwrepo/images/game/xiaoxiaole/1.jpg) no-repeat; float:left;}
    .box1{ width:70px; height:70px; background:url(//repo.bfw.wiki/bfwrepo/images/game/xiaoxiaole/2.jpg) no-repeat; float:left;}
    .box2{ width:70px; height:70px; background:url(//repo.bfw.wiki/bfwrepo/images/game/xiaoxiaole/3.jpg) no-repeat; float:left;}
    .box3{ width:70px; height:70px; background:url(//repo.bfw.wiki/bfwrepo/images/game/xiaoxiaole/4.jpg) no-repeat; float:left;}
    .box4{ width:70px; height:70px; background:url(//repo.bfw.wiki/bfwrepo/images/game/xiaoxiaole/5.jpg) no-repeat; float:left;}
    .box5{ width:70px; height:70px; background:url(//re.........完整代码请登录后点击上方下载按钮下载查看

网友评论0