可无限次弹出对话框弹窗

一款可无限次点击弹出的对话框弹窗特效，点击页面初始化时的一个按钮可以出现一个弹窗对话框，对话框里面又有一个“无限弹出”的按钮，可以无限点击出现多个相同的弹窗，当然了，每个弹窗都时可以点击“叉号”关闭的，喜欢的童鞋请收下吧。

分类：悬浮层/弹出层 > 弹窗难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，先引入一个页面CSS样式文件，接着引入jQuery库，并调用两个JS文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/base.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/public-method.js"></script>
<script type="text/javascript" src="js/layer.js"></script>

页面的body部分，仅需要一个input按钮来触发首次弹窗，代码如下：

<input type="button" value="点击"/>

页面的底部，实例化一个弹窗，并设置好弹窗的参数，代码如下：

<script type="text/javascript">
var layer = new Layer({
    layerclass:"layerContianer2",//存放页面的容器类名
    width:500,
    height:350,
    alerttit:"提示框提示",
    setOverflow:"overflow-y:none",//设置滚动的属性 overflow-y：设置竖向  overflow-x:设置横向
    callback:function(){
        $(".inp_btn").click(function(){
            layer.show();
        });
    }
});
$("input").click(function(){
    layer.show();
});
</script>