引入插件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插件的使用