一个简单的多层弹出窗口Jquery插件

jQuery.mPopup

这是一个多层级弹出窗口插件(Multilayer popup plugin => mPopup),可以使用在项目中需要弹出多层窗口的情形。

基本使用方法:

$.mPopup('Hello word!!!');

结合HTML

<body> <a id="open1" href="javascript:void(0);">Click here to pop up Box 1</a><br /> <a class="open2" href="javascript:void(0);">Click here to pop up Box 2</a> <div class="box hidden" id="box1"> <p> I am box 1. </p> <a class="open2" href="javascript:void(0);">Click me to open box 2!</a> </div> <div class="box none" id="box2"> <p> Hi, I am box 2.<br /> If you open me from Box 1, I will in front of box 1. </p> <a class="close" href="javascript:void(0);">Click here to close me</a> </div> </body> <script type="text/javascript"> $(document).ready(function(){ var box1 = $('#box1'); $('#open1').click(function(){ $.mPopup(box1,{ padding: 0 }); }); $('.open2').click(function(){ $.mPopup($('#box2'),{ padding: 0, closeClass: ['close'] }); }); }); </script>

示例代码请下载:完整mPopup项目

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。