popup_layer插件示例

导入popup_layer.js插件

设置好显示的div:

<div class="main" id="showImg" style="display: none;"> 

  要显示的图片

  <img width="270" height="290" src="/common/front/images/demo.png"/> 

  <a href="javascript:void(0)id="close2" class="closeBtn">关闭</a>

</div>

js:

$(document).ready(function() {

  demoImg表示的是当你点击所要触发现实图片的标签

  showImg表示的是你显示的标签

  close2表示的是当图片显示的后关闭的按钮

  offsets表示的是你图片出现地方(x,y应该是根据显示的图片来定位的)

  new PopupLayer({trigger:"#demoImg",popupBlk:"#showImg",closeBtn:"#close2",offsets:{x:0,y:0}});

});

$("#demoImg").css("display", "");

原文地址:https://www.cnblogs.com/cunkouzh/p/4934280.html