微信分享遮罩层

在自定义微信分享时有时想要更加人性化的去提示用户,所以增加遮罩层。

下面就我做过的案例进行讲解:(效果图)

(顺便说一句, CSDN有点坑啊,上传图片必须通过添加上传图片,这样默认会有CSDN的水印;如果直接粘贴到编辑框里保存完后图片消失!)


JSP: 遮罩层图片

微信分享遮罩层_第1张图片

    
    
X


JS: 在页面点击id为coverPic的元素打开遮罩层,轻触关闭遮罩层
        //分享遮罩层
        $("#coverPic").click(function(){
            $(".title").hide();
        	$("#shareDiv").show();
            $('body').animate({scrollTop:0},100);
            $("#shareDiv").show();
            $("#closeX").show();
        	
        });
        
        //点击隐藏遮罩层
        $("#shareDiv").click(function(){
        	$(this).hide();
            $(".title").show();
            $("#closeX").hide();
        });


 
 

你可能感兴趣的:(微信开发)