使用jquery将图片放大

最新推荐文章于 2020-10-21 10:01:11 发布

小飞侠V3

最新推荐文章于 2020-10-21 10:01:11 发布

阅读量219

点赞数

文章标签： jquery 图片 function

本文链接：https://blog.csdn.net/hjq15074822613/article/details/46364213

版权

function showLarge(obj) {
var $self = $(obj), $dialogPic = $('<div id="dialogPic"><table width="100%" border="0" cellspacing="0" height="100%" cellpadding="0"><tr><td valign="middle" align="center" height="100%"><img src="'
+ $self.attr('src') + '" height="' + $(window).height() * 0.6 + '"/></td></tr></table></div>');
$dialogPic.css({
"position" : "fixed",
"top" : 0,
"left" : 0,
"width" : "100%",
"height" : "100%",
"background" : "rgba(0,0,0,0.4)",
"z-index" : 999999
}).appendTo('body');
$dialogPic.bind('click', function() {
$dialogPic.remove()
})
}