8000 GitHub - alvinhui/jquery.mPopup: 一个简单的多层弹出窗口Jquery插件 · GitHub
[go: up one dir, main page]

Skip to content

About

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

Resources

Stars

1 star

Watchers

1 watching

Forks

Latest commit

 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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项目

About

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

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

0