弹出框小游戏

开发工具与关键技术：MVC和layui插件
作者：郑健鹏
撰写时间：2019年5月1日

今天我们来使用layui插件和JQuery插件和bootstrap插件和VS实现简单的点击小游戏，
加入bootstrap插件是需要里面的按钮样式，因为自带的样式不好看这个小游戏使用了layer的弹出框显示些简单的窗口互动，一旦点击是确定则会弹出窗口下的第二个窗口，为什么会弹出第二个窗口呢？因为第二个窗口是嵌套在第一个窗口内的，所以点击了第一个就会触发窗口回调函数然后显示第二个

下面是代码部分

$(document).ready(function () {
            layui.use(['layer'], function () {
                layer = layui.layer;
	});
});

这个代码是在页面加载的时候加载并且加载layer弹出框

$("#Btn").click(function () {
            layer.confirm('确定吗?', { icon: 3, title: '提示' }, function (index) {
                layer.close(index);
                if (true) {
                    layer.msg('你点了确定哟', { icon: 6, time: 100 }, function () {
                        layer.alert('想不到吧?我又出现了!', { icon: 0, title: '提示' }, function (index) {
                            layer.close(index);
                            if (true) {
                                layer.msg('既然点击了确定，就继续吧', { icon: 1, time: 100 }, function () {
                                    for (var i = 0; i < 5; i++) {
                                        alert("点击吧")
                                    }
                                });
                            }
                        });
                    });
                }

            });
        });

以上则是这个小游戏所使用的所有代码

下面是实现的效果图