jQuery弹出层layer插件的使用

时间:2021-08-16 21:36:28

引入插件layer

触发弹出层的按钮/链接

<a href="javascript:showPop();">
<img src="" />
</a>

弹出层内容

<div style="display: none">
<div id="attention" style="text-align:left;max-height:5rem;overflow-y:scroll;">
<p>这是显示在弹出层里的文字</p>
</div>
</div>

js内容

    function showPop(){
layer.open({
content: $("#attention").prop("outerHTML"),
style: "text-align: left;"
});
};

纯粹新手记录,一个简单的小用法,更多功能请查看layer官方演示与讲解,以后多用多熟悉吧~