简单的图片放大效果

<img src="#" width="80" height="80">//原图片

<div id="img_big" style="position:absolute;top:10%;left:50%;display:none;height:400px;width:300px;margin-left:-150px; "></div>//放大后存放地址

//触发放大事件

$('.text-c img').on('click',function(e) {
e.stopPropagation();
var $this = $(this);
var imgUrl = $this.attr('src');
$('#img_big').css('background','url('+ imgUrl +')');
$('#img_big').css('background-size','cover');
$('#img_big').fadeIn();
console.log($this.attr('src'))

})
$(document).on('click',function() {
$('#img_big').fadeOut();

})