精品人妻一区二区三区免费-都市老熟女爱鸡巴的视频-国产精品白浆一区二区视频-中文字幕一区二区三区绿巨人

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

網(wǎng)站分享插件之Share分享插件

發(fā)表日期：2023-04-10 10:25:26   作者來源：黎云輝   瀏覽：1710   標(biāo)簽：網(wǎng)站建設(shè)    
最近發(fā)現(xiàn)bshare以及百度分享插件，有一大堆問題，類似于樣式錯(cuò)亂，分享鏈接不生效等不兼容性問題，調(diào)整起來也相當(dāng)麻煩，所以干脆換一種插件。于是被我找到了Share.js，這是一款一鍵轉(zhuǎn)發(fā)工具，它可以一鍵分享到微博、QQ空間、QQ好友、微信、騰訊微博、豆瓣、Facebook、Twitter、Linkedin、Google+、點(diǎn)點(diǎn)等社交網(wǎng)站，調(diào)用起來也相當(dāng)簡(jiǎn)單。

分享樣式

引入項(xiàng)目:

引入JS

JS，CSS：
<link rel="stylesheet" href="__CSS__/share.min.css">
<script src="__JS__/social-share.js"></script>
<script src="__JS__/qrcode.js"></script>
Html：
<div class="social-share"></div>
 
其中“social-share”這個(gè)是必須的類名，此外還有一些特殊的參數(shù)設(shè)置如下：
例如：禁用 google、twitter、facebook ，需要用到 data-disabled
<div class="social-share" data-disabled="google,twitter,facebook"></div>
插件2
 
設(shè)置微信二維碼標(biāo)題，需要用到data-wechat-qrcode-title
<div class="social-share" data-wechat-qrcode-title="請(qǐng)打開微信掃一掃"></div>
插件3
針對(duì)特定站點(diǎn)使用不同的屬性（title, url, description,image...）
<div class="social-share" data-weibo-title="這個(gè)標(biāo)題只有的分享到微博時(shí)有用，其它標(biāo)題為全局標(biāo)題" data-qq-title="分享到QQ時(shí)用此標(biāo)題"></div>
 
你也可以自定義圖標(biāo)：
使用: data-initialized="true" 標(biāo)簽來禁用自動(dòng)生成icon功能。
 
<div class="social-share" data-initialized="true">
 
 
    <a href="#" class="social-share-icon icon-weibo"></a>
 
 
    <a href="#" class="social-share-icon icon-qq"></a>
 
 
    <a href="#" class="social-share-icon icon-qzone"></a>
 
 
</div>
 
以上a標(biāo)簽會(huì)自動(dòng)加上分享鏈接（a 標(biāo)簽必須帶 icon-NAME 屬性，不然分享鏈接不會(huì)自動(dòng)加上）。
如果你想在分享icon列表中內(nèi)置一些元素，比如放一個(gè)收藏按鈕在分享按鈕的后面：
 
<div class="social-share">
 
 
    <a href="javascript:;" class="social-share-icon icon-heart"></a>
 
 
</div>
 
這樣的結(jié)果是所有的分享按鈕都創(chuàng)建在了收藏按鈕（icon-heart）的后面了，這時(shí)候你就可以用 data-mode="prepend" 來確定分享按鈕創(chuàng)建的方式。
 
<div class="social-share" data-mode="prepend">
 
 
    <a href="javascript:;" class="social-share-icon icon-heart"></a>
 
 
</div>
 
這樣一來所有的分享圖標(biāo)就會(huì)創(chuàng)建在容器的內(nèi)容前面。

插件4
 
以下是下載鏈接：
https://github.com/overtrue/share.js/zipball/master
如沒特殊注明，文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://zsyzsj.com/news/6736.html