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