微信的简单分享按钮实现代码

在body的最前面加

<div class="zhuanfa_index_mask" style="display: none;opacity: 0.7;"></div>   

然后js代码为:

$(function () {
    //弹出遮罩
    $(".share_to_friends").click(function () {
        $(".zhuanfa_index_mask").show();
    });
    //隐藏遮罩
    $(".zhuanfa_index_mask").click(function () {
        $(this).hide();
    });
});

zhuanfa_index_mask的css为:

.zhuanfa_index_mask{
    position: fixed;
    left: 0;
    top:0;
    z-index:99999;
    background: url("../images/guide1.png");
    background-size:cover;
    height: 100%;
    width: 100%;
}

zhuanfa_index_mask的背景图为:

微信的简单分享按钮实现代码

背景图可以自行更换,要在页面加一个class名为share_to_friends的按钮才可以实现的,新手写的一个代码,如有更好的建议或发现了问题可以留言。

网友评论1

  1. 沙发
    麻雀电台:

    学习了

    2015-11-24 00:07 [回复]

发表评论

表情
还能输入210个字