jQuery+popupWindow.js网页弹出窗口插件-站长技术网

jQuery+popupWindow.js网页弹出窗口插件

时间:2019-11-15 10:31:20 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： jQuery 源码大小： 9 KB
普通会员
点击下载

jQuery+popupWindow.js网页弹出层弹出窗口插件，点击弹出单个弹窗和多个弹窗效果，弹出的窗口支持最大化、最小化、拖拽、改变尺寸等功能。
jQuery+popupWindow.js网页弹出窗口插件

js代码
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/popupwindow.min.js"></script>
    <script>
        var Demo = (function($, undefined){

    $(function(){
        QuickDemo();
        example2();
    });
    function QuickDemo(){
        $("#basic-demo").PopupWindow({
            autoOpen    : false
        });
        $("#basic-demo_button").on("click", function(event){
            $("#basic-demo").PopupWindow("open");
        });
    }
    function example2(){
        $("#demo-2_first").PopupWindow({
            title       : "Example 2 - Modal window",
            modal       : true,
            autoOpen    : false,
            height      : 250,
            width       : 400,
            top         : 100,
            left        : 300
        });
        $("#demo-2_second").PopupWindow({
            title       : "Other window",
            modal       : false,
            autoOpen    : false,
            top         : 400,
            left        : 100
        });
        $("#demo-2_third").PopupWindow({
            title       : "Yet another one",
            modal       : false,
            autoOpen    : false,
            top         : 400,
            left        : 600
        });

        $("#demo-2_first").on("close.popupwindow", function(event){
            $("#demo-2_second").PopupWindow("close");
            $("#demo-2_third").PopupWindow("close");
        });

        $("#demo-2_button1").on("click", function(event){
            $("#demo-2_first").PopupWindow("open");
        });
        $("#demo-2_button2").on("click", function(event){
            $("#demo-2_second").PopupWindow("open");
        });
        $("#demo-2_button3").on("click", function(event){
            $("#demo-2_third").PopupWindow("open");
        });
    }
    })(jQuery);
    </script>