簡介
本文是關於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>
運行效果
樣式可根據自己需求更改,此樣式僅供參考。