先看看弹窗效果、如下:
//放大图片$(page).on( 'click'、 '。popupimage img'、function(){var that = $(this); that.popupimage({this:that、width: "200px"})}); //相册弹窗$ .fn.popupimage = function(obj){var $ this = obj.this; var sj_w = $ this [0] .naturalheight; var src = $ this.attr( 'src'); var h = $( 'body')。height(); var w = $( 'body')。width(); var padding = 10; var shadew = w-パディング*2; var img = ''、shade = ''; img = '<div style = "position:absolute; top:0;左:0; z-index:999999; padding:10px'+padding+'px; width:'+w+'px; height:'+h+'px; line-height:'+h+'px; px; text-align:center;" > '+' <img src = "'+src+'" style = "max-width: '+shadew+' px"/> </div> '; shade = '<div style = "position:absolute; top:0; left:0; width:'+w+'px; height:'+h+'px; background:#000; z-index:999990; opacity:.8;"> </div>'; $( 'body')。append(shade); $( 'body')。append(img); $('。popup-image ')。以上就是本文的全部内容、希望对大家的学习有所帮助、也希望大家多多支持武林网。