导入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", "");

 

 posted on 2015-11-03 20:21  _萨瓦迪卡  阅读(960)  评论(0编辑  收藏  举报