弹出层插件Avgrund

所属分类:UI-对话框和灯箱,弹出层

 18763  73  查看评论 (9)
弹出层插件Avgrund ie兼容10

Avgrund是一款效果不错的弹出层插件,层弹出的同时页面模糊并后退,弹出的层支持按ESC关闭和点击背景关闭,只需简单地在页面中引入Avgrund相关文件就可以使用了。

用法:

1.首先引入相关文件:Avgrund.js和Avgrund.css

<script type="text/javascript" src="js/avgrund.js"></script>
<link rel="stylesheet" href="css/avgrund.css">

2.给指定层加上类:avgrund-popup(这是弹出的层必须要有的Class)

<div id="elementID" class="avgrund-popup"></div>

3.弹出层:

Avgrund.show("#elementID");

  关闭层:

Avgrund.hide();
相关插件-对话框和灯箱,弹出层

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    kevinjava 0
    2017/9/24 14:56:52

    看看这个应该好用

    回复
    0
    2017/9/12 14:47:23

    我看起来不错   准备下载用一下

    回复
    咬着棒棒糖拽天下? 0
    2017/6/8 16:14:55

    怎么能让点击事件变成鼠标移动和移开事件  求解???

        Ape1
        2017/8/8 15:19:09
        <button onclick="javascript:openDialog();">Open Avgrund</button>

        这里弹出弹窗用的是onclick 鼠标划入直接在你需要的div块里面写上事件

        onmouseover="javascript:openDialog();"

        再写上鼠标移开关闭弹窗事件

        onmouseout="javascript:closeDialog();"
    回复
    南城北巷凉了海 0
    2017/1/5 17:01:24

    怎么能不模糊后退?求答案

        Ape1
        2017/8/8 15:21:44

        删除下面的样式代码

        .avgrund-active .avgrund-contents {
            -webkit-filter: blur(2px); 
            -moz-filter: blur(2px);
            -ms-filter: blur(2px);
            -o-filter: blur(2px);
             filter: blur(2px);
        }
    回复
    随风独醉 0
    2015/11/21 22:11:26

    用过后发现会在之后再次加载时重复生成以前的dom对象,不知是不是我的使用方式不对。

        microsoftvs0
        2015/11/21 22:11:28

        你的方法错啦!

    回复
    ll当时明月在 0
    2015/8/3 17:08:43
取消回复