分享到朋友圈实现

<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>

 

 

 

 

 

 

 

 

文章来源:刘俊涛的博客

地址:http://www.cnblogs.com/lovebing

posted @ 2017-11-09 15:49  刘俊涛的博客  阅读(285)  评论(0编辑  收藏  举报