利用Jquery分享微信朋友圈代码,可以点击触发,也可以自动提示
工具/原料
jQuery函数
方法/步骤
1、Html代码<divid="mc艺皱麾酪over"onclick="weChat()"惺绅寨瞀style="display:none;"><imgsrc="images/guide.png"/></div><divclass="text"id="content"><divid="mess_share"><dsivid="share_1"><buttonclass="button2"onclick="button1()"><imgsrc="images/icon_msg.png"width="64"height="64"/>发送给朋友</button></div><divid="share_2"><buttonclass="button2"onclick="button2()"><imgsrc="images/icon_timeline.png"width="64"height="64"/>分享到朋友圈</button></div><divclass="clr"></div></div></div>
2、css代艨位雅剖码#mcover{position:fixed;top:0;left:扉钛笆哇0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}#mcoverimg{position:fixed;right:18px;top:5px;width:260px!important;height:180px!important;z-index:20001;}.text{margin:15px0;font-size:14px;word-wrap:break-word;color:#727272;}#mess_share{margin:15px0;display:block;}#share_1{float:left;width:49%;display:block;}#share_2{float:right;width:49%;display:block;}.clr{display:block;clear:both;height:0;overflow:hidden;}.button2{font-size:16px;padding:8px0;border:1pxsolid#adadab;color:#000000;background-color:#e8e8e8;background-image:linear-gradient(totop,#dbdbdb,#f4f4f4);box-shadow:01px1pxrgba(0,0,0,0.45),inset01px1px#efefef;text-shadow:0.5px0.5px1px#fff;text-align:center;border-radius:3px;width:100%;}#mess_shareimg{width:22px!important;height:22px!important;vertical-align:top;border:0;}
3、Jquery代码<scripttype="text/javascript">functionbutton1(){ $("#mcover").css("display","block")//分享给好友按钮触动函数 } functionbutton2(){ $("#mcover").css("display","block")//分享给好友圈按钮触动函数 } functionweChat(){ $("#mcover").css("display","none");//点击弹出层,弹出层消失 } $(function(){ setTimeout(function(){ $("#mcover").show();},6000);//6000时毫秒是弹出层setTimeout(function(){ $("#mcover").hide();},8000);//8000毫秒是隐藏层 })</script>
4、最终效果图
5、查看更多详情,微信搜索swift-code.程序员驿站——致力于为中国互联网行业和开源社区的发展贡献自己的力量与青春。