bShare分享,多個分享按鈕
阿新 • • 發佈:2018-12-08
一、引用這3個js指令碼 :
<script type="text/javascript" language="javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>
<script type="text/javascript" charset="utf-8" src="@Url.Content("~/Scripts/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh")"></script> <script type="text/javascript" charset="utf-8" src="@Url.Content("~/Scripts/bshareC0.js")"></script>
二、自定義函式 :
<script type="text/javascript" language="javascript">
function shareplatform(url, id, imgs) { var descript = $("#dp_" + id).html(); //自定義設定內容,可動態獲取當前頁面內相應的引數進行傳遞 var url = url; var str_title = "來自 " + $("#uname_" + id).html() + " 的學習分享"; var str_info = descript; var img = imgs; //清除自定義分享內容的方法,在設定前清空,重新自定義內容 bShare.entries = []; //新增自定義分享內容方法,不需要自定義的可以傳遞,bshare js會主動抓取頁面相應值預設 bShare.addEntry({ title: str_title, url: url, summary: str_info, pic: img }); //新增自定義分享內容後,初始化按鈕 bShare.isReady = false; bShare.completed = false; bShare.start(); } </script>
三、html
<div class="bshare-custom" style="float: right; width: 220px;"> <a class="item"><i class="ui-icon icon-share"></i>分享:</a> <a title="分享到新浪微博" class="bshare-sinaminiblog" onclick="shareplatform('你的分享url','業務ID','分享圖片Url')" href="javascript:void(0);"> </a> <a title="分享到QQ好友" class="bshare-qqim" onclick="shareplatform(
'你的分享url','業務ID','分享圖片Url')" href = "javascript:void(0);" > </ a > < a title = "分享到QQ空間" class = "bshare-qzone" onclick = "shareplatform(
'你的分享url','業務ID','分享圖片Url')" href = "javascript:void(0);" > </ a > < a title = "分享到微信" class = "bshare-weixin" onclick = "shareplatform(
'你的分享url','業務ID','分享圖片Url')" href = "javascript:void(0);" > </ a > < a title = "分享到騰訊微博" class = "bshare-qqmb" onclick = "shareplatform(
'你的分享url','業務ID','分享圖片Url')" href = "javascript:void(0);" > </ a > </ div >