2021国产麻豆剧果冻传媒入口,亚洲v视频_国产不卡视频在线观看,密桃A∨秘无码一区二区三区

最近發(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，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://www.oulysa.com/news/6736.html

上一篇：前端開發(fā)之使用新的 CSS sin() 和 cos() 三角函數(shù)創(chuàng)建一個時鐘
下一篇：小白網(wǎng)站建設(shè)三部曲-第一篇建設(shè)網(wǎng)站的初入門

相關(guān)網(wǎng)站設(shè)計案例

相關(guān)資訊

常見問題

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