一个简单的多层弹出窗口Jquery插件
这是一个多层级弹出窗口插件(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、网站不提供资料下载,如需下载请到原作者页面进行下载。