Jquery微信朋友圈分享代码

转载 2014年12月04日 17:48:36
<span style="font-family:SimSun;font-size:14px;"><!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
		<style>
			 #mcover {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.7);
				display: none;
				z-index: 20000;
			 }
			 #mcover img {
				position: fixed;
				right: 18px;
				top: 5px;
				width: 260px!important;
				height: 180px!important;
				z-index: 20001;
			 }
			 .text {
				margin: 15px 0;
				font-size: 14px;
				word-wrap: break-word;
				color: #727272;
			 }
			 #mess_share {
				margin: 15px 0;
				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: 8px 0;
				border: 1px solid #adadab;
				color: #000000;
				background-color: #e8e8e8;
				background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;
				text-shadow: 0.5px 0.5px 1px #fff;
				text-align: center;
				border-radius: 3px;
				width: 100%;
			 }
			 #mess_share img {
				width: 22px!important;
				height: 22px!important;
				vertical-align: top;
				border: 0;
			 }
        </style>
        <script type="text/javascript">
			function button1(){
			$("#mcover").css("display","block")    // 分享给好友按钮触动函数
			}
			function button2(){
			$("#mcover").css("display","block")  // 分享给好友圈按钮触动函数
			}
			function weChat(){
			$("#mcover").css("display","none");  // 点击弹出层,弹出层消失
			}
			/*$(function(){
				setTimeout(function () {
					$("#mcover").show();}, 6000);   // 6000时毫秒是弹出层
				setTimeout(function () {
					$("#mcover").hide(); }, 8000);    //8000毫秒是隐藏层
			})*/
		</script>
    <body>
    	<div id="mcover" onclick="weChat()" style="display:none;">
          <img src="https://mmbiz.qlogo.cn/mmbiz/vV3bdMHsLIjY2s0npKT0FaJ6iaC1MaiciakM61zfqBsNjYH14ovUG145GEuwMPafiaPjh5drSaAg8DMTic3a2I3icbLg/0" />
	   </div>
 
        <div class="text" id="content">
                            <div id="mess_share">
                                    <div id="share_1">
                                        <button class="button2" onclick="button1()">
                                            <img src="https://mmbiz.qlogo.cn/mmbiz/vV3bdMHsLIjY2s0npKT0FaJ6iaC1MaiciakIHMqX6tb7127kicbBd5vIZcey4wenREiaEe8YXshOWpFcIser6AgbsEA/0" width="64" height="64" />
                                             发送给朋友
                                        </button>
                                    </div>
                                    <div id="share_2">
                                        <button class="button2" onclick="button2()">
                                            <img src="https://mmbiz.qlogo.cn/mmbiz/vV3bdMHsLIjY2s0npKT0FaJ6iaC1MaiciakERrBO1bHKDDzxiakMd4m2H1mmib1ShpekZ8RZm5ECazcDqF96c5wcl2w/0" width="64" height="64" />
                                             分享到朋友圈
                                        </button>
                                    </div>
                                    <div class="clr"></div>
                            </div>
        </div>
    </body>
</html></span>
查看更多详情,微信搜索swift-code.  程序员驿站——致力于为中国互联网行业和开源社区的发展贡献自己的力量与青春。

social-share,社会化分享组件之jquery版

social-share,社会化分享组件,诚如其简洁所述“支持微信(二维码)、微博、Github、Google++、LinkedIn、Twitter、Facebook、RSS..., 支持四种大小设置...
  • qing_gee
  • qing_gee
  • 2016年05月17日 16:05
  • 11759

微信js-sdk实现“分享到朋友圈”和“发送给朋友”

微信接口文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 实现步骤: 1...
  • xiaoguo321
  • xiaoguo321
  • 2016年05月23日 19:08
  • 26186

百度社会化分享支持https

项目中用到过http的百度社会化分享,升级https后发现这个插件不能用了,今天把遇到的这个问题分享一下解决办法。 首先需要下载最新的版本插件,GitHub地址:https://github.com/...
  • susuzhe123
  • susuzhe123
  • 2017年06月08日 15:36
  • 996

自己动手写js分享插件 [支持https] (QQ空间,微信,新浪微博。。。)

微信分享效果:QQ空间分享效果:HTML jQuery弹出社交分享按钮 ...
  • cometwo
  • cometwo
  • 2016年09月03日 17:18
  • 11397

Jquery微信朋友圈分享代码

1 Html代码                                                         ...
  • hou549135295
  • hou549135295
  • 2015年07月26日 11:42
  • 2342

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈

小编也经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子,就在手机右上角的三个竖点一键分享就ok了,那么对于分享到朋友圈是怎么实现的呢?对于那种活动分享送流量是怎么定位分享者的呢?而想要将文章发送给...
  • xdd19910505
  • xdd19910505
  • 2016年03月22日 20:31
  • 27619

微信分享JS代码 WeixinApi.js

/**! * 微信内置浏览器的Javascript API,功能包括: * * 1、分享到微信朋友圈 * 2、分享给微信好友 * 3、分享到腾讯微博 * 4、新的分享接口,包含朋友圈、好友...
  • default7
  • default7
  • 2015年01月14日 11:20
  • 35001

分享到微信代码

使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。...
  • misly_vinky
  • misly_vinky
  • 2014年07月11日 09:46
  • 8293

微信分享到朋友圈,分享给朋友JS代码

  • 2015年01月05日 10:22
  • 3KB
  • 下载

jquery 网页分享功能实现

  • 2011年03月14日 19:19
  • 55KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery微信朋友圈分享代码
举报原因:
原因补充:

(最多只允许输入30个字)