国产精品一区二区三区……-大杳蕉伊人欧美一本遒在饯-日本不卡一区免费在线观看-国产亚洲欧美中文字幕

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

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

發(fā)表日期:2023-04-10 10:25:26   作者來源:黎云輝   瀏覽:1362   標(biāo)簽:網(wǎng)站建設(shè)    
最近發(fā)現(xiàn)bshare以及百度分享插件,有一大堆問題,類似于樣式錯亂,分享鏈接不生效等不兼容性問題,調(diào)整起來也相當(dāng)麻煩,所以干脆換一種插件。于是被我找到了Share.js,這是一款一鍵轉(zhuǎn)發(fā)工具,它可以一鍵分享到微博、QQ空間、QQ好友、微信、騰訊微博、豆瓣、Facebook、Twitter、Linkedin、Google+、點點等社交網(wǎng)站,調(diào)用起來也相當(dā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”這個是必須的類名,此外還有一些特殊的參數(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="請打開微信掃一掃"></div>
插件3
針對特定站點使用不同的屬性(title, url, description,image...)
<div class="social-share" data-weibo-title="這個標(biāo)題只有的分享到微博時有用,其它標(biāo)題為全局標(biāo)題" data-qq-title="分享到QQ時用此標(biāo)題"></div>
 
你也可以自定義圖標(biāo)
使用: data-initialized="true" 標(biāo)簽來禁用自動生成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)簽會自動加上分享鏈接(a 標(biāo)簽必須帶 icon-NAME 屬性,不然分享鏈接不會自動加上)。
如果你想在分享icon列表中內(nèi)置一些元素,比如放一個收藏按鈕在分享按鈕的后面:
 
<div class="social-share">
 
 
    <a href="javascript:;" class="social-share-icon icon-heart"></a>
 
 
</div>
 
這樣結(jié)果是所有的分享按鈕都創(chuàng)建在了收藏按鈕icon-heart的后面了,這時候你就可以用 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)就會創(chuàng)建在容器的內(nèi)容前面。

插件4
 
以下是下載鏈接:
https://github.com/overtrue/share.js/zipball/master
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/6736.html
宁蒗| 武强县| 河间市| 涞源县| 昭通市| 南华县| 丹凤县| 砚山县| 石棉县| 成都市| 邹平县| 镇江市| 疏附县| 万盛区| 瑞安市| 乳源| 广水市| 汉寿县| 邮箱| 吐鲁番市| 贵德县| 晋宁县| 铅山县| 繁峙县| 大荔县| 阜宁县| 清新县| 邯郸市| 克山县| 涟源市| 修文县| 麻阳| 台东县| 金山区| 长泰县| 凯里市| 越西县| 都江堰市| 广安市| 清水县| 犍为县|