先看看弹窗效果 , : :
// 放大图片 $ (page) .on ('click', '. Popupimage img', function () {var that = $ (this); this.popupimage ({this: the, 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; ширина:'+w+'px; высота:'+h+'px; line-hight:'+h+'px; text-align: center;" > '+' <img src = "'+src+'" style = "max-width: '+shadew+' px"/> </div> '; shade = '<div style = "position: absolute; top: 0; слева: 0; ширина:'+w+'px; высота:'+h+'px; фон: #000; z-index: 999990; непрозрачность: .8;"> </div>'; $ ('body'). Append (Shade); $ ('body'). Append (IMG); $ ('. Popup-image'). On ('click', function () {$ ('. Popup-image'). remove (); $ ('.. Shade'). Remove ();})};以上就是本文的全部内容 , 希望对大家的学习有所帮助 也希望大家多多支持武林网。