: : : :
// 放大图片 $ (page) .on ('click' ، '. popupimage img' ، function () {var that = $ (this) ؛ that.popupimage ({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 = $ ('body'). height () ؛ var w = $ ('body'). width () ؛ var padding = 10 ؛ var shadew = w - padding*2 ؛ var img = '' ، Shade = '' ؛ img = '<div style = "الموضع: المطلق ؛ أعلى: 0 ؛ اليسار: 0 ؛ z-index: 999999 ؛ padding: 10px'+padding+'px ؛ width:'+w+'px ؛ height:'+h+'px ؛ line-height:'+h+'px ؛ text-align:" > '+' <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'). إلحاق (الظل) ؛ $ ('body'). إلحاق (IMG) ؛ $ ('. popup-image'). on ('click' ، function () {$ ('. popup-image'). remove () ؛ $ ('. Shade'). remove () ؛})} ؛以上就是本文的全部内容 , 希望对大家的学习有所帮助 , 也希望大家多多支持武林网。