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

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

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

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

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>