码迷,mamicode.com
首页 > Web开发 > 详细

jQuery弹出层layer插件的使用

时间:2017-09-14 18:43:24      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:logs   layer   jquery   pre   ref   http   引入   演示   纯粹   

引入插件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官方演示与讲解,以后多用多熟悉吧~

jQuery弹出层layer插件的使用

标签:logs   layer   jquery   pre   ref   http   引入   演示   纯粹   

原文地址:http://www.cnblogs.com/leiting/p/7517485.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!