modaal.js jquery模态弹出层插件

modaal.js jquery模态弹出层插件,可以弹出文字图片画廊及iframe视频等,非常强大

第一步引入bfwone,加载依赖项jquery

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["modaal", "modaal"], function() {
                $(".inline").modaal();
                $('.image').modaal({
                    type: 'image'
                });
            });
        });
    </script>
</head>
<body>
    <a href="#inline" class="inline">div弹出层显示</a>
    <div id="inline">
        模态窗体内容
    </div>

    <a href="http://editor.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" class="image" data-modaal-desc="My Description">图片显示</a>
</body>
</html>

官网地址:http://humaan.com/modaal/

立即下载modaal.js查看所有js插件

网友评论0

程序员在线工具箱