先看看弹窗效果,如下::
//放大图片$(page).on('click',','。popupImage img',function(){var that = $(this); that.popupimage({this:this:that,width:width:'200px'})}}); //相册弹窗$ ..fn.popupimage = function(obj){var $ this = obj.this; var sj_w = $ this [0] .naturalHeight; var src = $ this.attr('src'); var h = $('身体')。高度(); var w = $('身体')。width(); var填充= 10; var shadew = w -padding*2; var img ='',shade =''; img ='<div style =“位置:绝对; top:0;左:0; z index:999999; padding; padding:10px'+padding+'px; width; width:'+w+'px; height; height; height; height; heigh'+h+'px; line-height:'+h+h+'px; px; px; px; text-align; center; center;中心; >'+'<img src =“'+src+'“ style =” max-width:'+shadew+'px“/> </div>'; shade ='<div style =“位置:绝对; top:0; left:0; width:'+w+'px;高度:'+h+'px;背景:#000; z-index:999990; opcity; obacity:.8;'> </div>'> </div>'; $('身体')。附加(阴影); $('身体')。附加(IMG); $('。弹出图像')。on('click',function(){$('。popup-image')。删除(); $('。shade')。删除(); emove();})};以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。,也希望大家多多支持武林网。