share SDK Tips

简介

本文是关于share的使用,使用的是cdn地址方式。可通过微博、QQ空间、Facebook等进行分享,本文列举的是新浪微博、QQ空间、QQ好友、豆瓣、Facebook、Twitter分享,若需要获取更多分享方式,请参考share SDK的官方文档。

使用

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!--MOB SHARE BEGIN-->
		<div class="-mob-share-ui-button -mob-share-open">分享</div>
		<div class="-mob-share-ui" style="display: none">
			<ul class="-mob-share-list">
				<li class="-mob-share-weibo">
					<p>新浪微博</p>
				</li>
				<li class="-mob-share-qzone">
					<p>QQ空间</p>
				</li>
				<li class="-mob-share-qq">
					<p>QQ好友</p>
				</li>
				<li class="-mob-share-douban">
					<p>豆瓣</p>
				</li>
				<li class="-mob-share-facebook">
					<p>Facebook</p>
				</li>
				<li class="-mob-share-twitter">
					<p>Twitter</p>
				</li>
			</ul>
			<div class="-mob-share-close">取消</div>
		</div>
		<div class="-mob-share-ui-bg"></div>

	</body>
	<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=273562dd2d6d0"></script>
	<script>
		mobShare.config({

			debug: true, // 开启调试,将在浏览器的控制台输出调试信息

			appkey: '273562dd2d6d0', // appkey

			params: {
				url: 'http://wiki.mob.com/api/', // 分享链接
				title: '垃圾', // 分享标题
				description: '案件基督教基督教', // 分享内容
				pic: 'http://pic36.photophoto.cn/20150728/0022005597823716_b.jpg', // 分享图片,使用逗号,隔开
				reason: '', //自定义评论内容,只应用与QQ,QZone与朋友网
			},

			/**
			 * 分享时触发的回调函数
			 * 分享是否成功,目前第三方平台并没有相关接口,因此无法知道分享结果
			 * 所以此函数只会提供分享时的相关信息
			 * 
			 * @param {String} plat 平台名称
			 * @param {Object} params 实际分享的参数 { url: 链接, title: 标题, description: 内容, pic: 图片连接 }
			 */
			callback: function(plat, params) {}

		});
	</script>
	<!--MOB SHARE END-->

</html>

运行效果

样式可根据自己需求更改,此样式仅供参考。

 

 

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值