<div class="share-bg pa">

    <img src="images/share.png">

</div>

 

<a class="btn_share" href="###">分享好友</a>

 

Css:.

.pa{position:absolute;}

.share-bg{background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:40; display:none;}

.share-bg img{width:73%; float:right; margin-right:4%; margin-top:15px;}

 

 

 

JS:

<script>

$(document).ready(function(){        

// 分享按钮

$(".btn_share").click(function(){

$(".share-bg").css({"display":"block"});

});

$(".share-bg").click(function(){

$(".share-bg").css({"display":"none"});

});

    });

</script>

 

 

 

 

 

 

 

 

文章来源：

地址：