先看看弹窗效果 先看看弹窗效果, 如下 ：
// 放大图片 $ (page) .on ( 'click', '. popupimage img', function () {var that = $ (this); that.popupimage ({that : that, width : "200px"})}); // 相册弹窗 $ .fn.popupimage = function (obj) {var $ this = obj.this; var sj_w = $ this [0] .caturalHeight; var src = $ this.attr ( 'src'); var h = $ ( 'body'). height (); var w = $ ( 'body'). width (); var 패딩 = 10; var shadew = w- 패딩*2; var img = '', shade = ''; img = '<div style = "위치 : 절대; 상단 : 0; 왼쪽 : 0; z-index : 999999; 패딩 : 10px'+패딩+'px; 너비 :'+w+'px; > '+'<img src = " '+src+'"style = "max width : '+shadew+'px"/> </div> '; Shade = '<div style = "위치 : 절대; 상단 : 0; 왼쪽 : 0; 너비 :'+w+'px; 높이 :'+h+'px; 배경 : #000; z-index : 999990; 불투명도 : .8;"> </div>'; $ ( 'body'). Append (그늘); $ ( 'body'). Append (IMG); $ ( '. popup-Image'). on ( 'click', function () {$ ( '. popup-Image'). remove (); $ ( '. shade'). remove ();})};以上就是本文的全部内容 以上就是本文的全部内容, 希望对大家的学习有所帮助, 也希望大家多多支持武林网。