javascript九种自定义弹出层效果_悬浮层/弹出层_弹窗_弹出层

javascript弹出层插件支持点击触发js弹出层，鼠标滑过触发js弹出层，带动画animate效果的js弹出层，可自定义函数回调的js信息提示层，兼容ie的弹出层DEMO演示

淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 492 次

打赏作者

觉得不错，可打赏下作者

下载资源

免费共享

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

分类：悬浮层/弹出层 > 弹窗难易程度：初级

演示一：默认弹出层,只须传入触发元素、弹出层、关闭按钮的jquery对象或#ID，其中关闭按钮为可选项。

<div id="emample1" class="example">
    <div id="ele1" class="tigger">触发元素1</div><div class="description">示例1：默认弹出层,只须传入触发元素、弹出层、关闭按钮的jquery对象或#ID，其中关闭按钮为可选项。<br />new PopupLayer({trigger:"#ele1",popupBlk:"#blk1",closeBtn:"#close1"});</div>
    <div class="clr"></div>
    <select>
        <option>ie6下能罩住我吗？</option>
    </select>
    <div id="blk1" class="blk" style="display:none;">
        <div class="head"><div class="head-right"></div></div>
        <div class="main">
            <h2>示例1，默认弹出层</h2>
            <a href="javascript:void(0)" id="close1" class="closeBtn">关闭</a>
            <ul>
                <li><a href="#">项目1</a></li>
                <li><a href="#">项目2</a></li>
            </ul>
        </div>
        <div class="foot"><div class="foot-right"></div></div>
    </div>
</div><!--emample1 end-->

new PopupLayer({
    trigger: "#ele1",
    popupBlk: "#blk1",
    closeBtn: "#close1"
});

其他8种请看演示DEMO

javascript九种自定义弹出层效果

我是谁