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

来源:https://www.sucaihuo.com/js/4883.html 2019-10-29 11:25浏览(492) 收藏

jQuery+popupWindow.js网页弹出层弹出窗口插件,点击弹出单个弹窗和多个弹窗效果,弹出的窗口支持最大化、最小化、拖拽、改变尺寸等功能。
jQuery+popupWindow.js网页弹出窗口插件
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示 下载资源: 15 下载资源 下载积分: 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>
标签: 弹出层弹窗
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2