先看看弹窗效果, 如下:
// 放大图片 $ (หน้า) .on ('คลิก', '. popupimage img', function () {var that = $ (this); that.popupimage ({this: นั่น, ความกว้าง: "200px"})}); // 相册弹窗 $ .fn.PopUpImage = ฟังก์ชั่น (obj) {var $ this = obj.this; var sj_w = $ this [0] .naturalheight; var src = $ this.attr ('src'); var h = $ ('ร่างกาย'). ความสูง (); var w = $ ('ร่างกาย'). ความกว้าง (); var padding = 10; var shadew = w - padding*2; var img = '', Shade = ''; img = '<div style = "ตำแหน่ง: สัมบูรณ์; ด้านบน: 0; ซ้าย: 0; z-index: 999999; padding: 10px'+padding+'px; ความกว้าง:'+w+'px; ความสูง:'+h+'px; จุดสูง:'+h+'px; > '+' <img src = "'+src+'" style = "max-width: '+shadew+' px"/> </div> '; Shade = '<div style = "ตำแหน่ง: สัมบูรณ์; ด้านบน: 0; ซ้าย: 0; ความกว้าง:'+w+'px; ความสูง:'+h+'px; พื้นหลัง: #000; z-index: 999990; opacity: .8;"> </div>'; $ ('body'). ผนวก (เฉดสี); $ ('body'). ผนวก (IMG); $ ('. popup-image'). on ('คลิก', function () {$ ('. popup-image'). ลบ (); $ ('. Shade'). ลบ ();})};以上就是本文的全部内容, 希望对大家的学习有所帮助, 也希望大家多多支持武林网。