图片放大浏览
$(".enlargeImg").click(function () { $(this).after("<div id='closeImg' class='enlargeImg_wrapper'></div>"); var imgSrc = $(this).attr('src'); $(".enlargeImg_wrapper").css("background-image", "url(" + imgSrc + ")"); $('.enlargeImg_wrapper').fadeIn(200); $("#closeImg").click(function () { $('.enlargeImg_wrapper').fadeOut(200).remove(); }); })
.enlargeImg_wrapper{display:none;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-color:rgba(52,52,52,.8);background-size:35%} img.enlargeImg:hover{cursor:zoom-in} .enlargeImg_wrapper:hover{cursor:zoom-out}
<img src="" style="width:130px;margin-right:10px;" class="enlargeImg"/>