js实现一个拼图游戏效果代码-html代码-BFW代码库

js实现一个拼图游戏效果代码

代码语言：html

所属分类：游戏

代码描述：js实现一个拼图游戏效果代码

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

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">


<style>
    body,html {
        padding: 0px;
        margin: 0px;
        background: #eee;
    }
    #gameDiv {
        width: 460px;
        height: 460px;
        margin: 20px auto;
        background: #F9F9F9;
        padding: 1px 1px;
        position: relative;
    }
    #maskBox {
        opacity: 0.5;
        display: block;
    }
</style>
</head>
<body>

    <div style="width:460px;margin:20px auto;text-align:center;line-height:30px;">
        游戏说明：点击选中一个区块，在点击到其它区块，图片互相替换过程。
    </div>

    <div id="gameDiv"></div>

    <script>
        window.onload = function() {
            //生成函数
            gameInfo.init();
        }

    </script>
    <script>
        /**
        * Created by jsonpeter on 2015/8/13.
        */
        (function($g) {
            //游戏配置
            setting = {
                gameConfig: {
                    url: "//repo.bfw.wiki/bfwrepo/image/5e584482a56eb.png",
                    id: "gameDiv",
                    //生成规格横4 纵4
                    size: "4*4",
                    //每个元素的间隔
                    margin: 1,
                    //拖动时候块透明度
                    opacity: 0.8
                },
                setElement: {
                    type: "div",
                    id: "",
                    float: "",
                    display: "",
                    margin: "",
                    background: "",
                    width: "",
                    height: "",
                    left: "",
                    top: "",
                    position: "", //absolute
                    opacity: 0.4,
                    animate: 0.8
                }
            };
            //元素生成参数
            var _sg = setting.gameConfig;
            var _st = setting.setElement;
            var gameInfo = function() {};
            gameInfo.prototype = {
                init: function() {
                    this.creatObj();
                    this.eventHand();
                },
                sortObj: {
              .........完整代码请登录后点击上方下载按钮下载查看