先看看弹窗效果 , 如下 :
// 放大图片 $ (Seite) .on ('klicken', '. Popupimage img', function () {var that = $ (this); // 相册弹窗 $ .fn.popupimage = function (obj) {var $ this = obj.this; var sj_w = $ this [0] .naturalHeight; var src = $ this.attr ('src'); var H = $ ('Körper'). Höhe (); var w = $ ('body'). width (); var padding = 10; var Shadew = W - Polster*2; var img = '', Shade = ''; img = '<div style = "Position: absolut; oben: 0; links: 0; Z-Index: 999999; Padding: 10px'+Padding+'Px; Breite:'+w+'px; Höhe:'+h+'px; Zeilen-Heiger:'+H+'px; textalign: center: center;" > '+' <img src = "'+src+'" style = "max-Width: '+Shadew+' px"/> </div> '; Shade = '<div style = "Position: absolut; ober: 0; links: 0; Breite:'+w+'px; Höhe:'+h+'px; Hintergrund: #000; Z-Index: 999990; Opazität: 0,8;"> </div>'; $ ('Körper'). Anhänge (Schatten); $ ('Body'). append (IMG); $ ('. Popup-Image'). on ('click', function () {$ ('. Popup-Image'). REMET (); $ ('. Shade'). REMET ();})};以上就是本文的全部内容 , 希望对大家的学习有所帮助 , 也希望大家多多支持武林网。 也希望大家多多支持武林网。