先看看弹窗效果 如下.
// 放大图片 $ (Page) .on ('Click', '. PopUpImage img', function () {var that = $ (this); that.popuPoMage ({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 = $ ('cuerpo'). Height (); var w = $ ('cuerpo'). width (); VAR ROLDING = 10; var shadew = w - relleno*2; var img = '', shade = ''; img = '<Div style = "Posición: Absolute; Top: 0; Izquierda: 0; Z-Index: 999999; Padding: 10px'+Padding+'Px; Ancho:'+W+'Px; Height:'+H+'Px; Line-Height:'+H+'PX; Text-Align: Center;" > '+' <img src = "'+src+'" style = "max-width: '+shadew+' px"/> </div> '; Shade = '<Div style = "Position: Absolute; arriba: 0; izquierda: 0; ancho:'+w+'px; altura:'+h+'px; fondo: #000; z-index: 999990; opacidad: .8;"> </div>'; $ ('Body'). Append (sombra); $ ('cuerpo'). append (img); $ ('. PopUp-Image'). On ('Click', function () {$ ('. PopUp-Image'). Remove (); $ ('. SHADE'). REMPERS ();})};以上就是本文的全部内容 ， 希望对大家的学习有所帮助 也希望大家多多支持武林网。 也希望大家多多支持武林网。