国产女人被狂躁到高潮小说,亚洲日韩一区二区三区,色窝窝无码一区二区三区成人网站 ,丰满岳乱妇在线观看中字无码

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

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

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

分享樣式

引入項目:

引入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ù)設置如下：
例如：禁用 google、twitter、facebook ，需要用到 data-disabled
<div class="social-share" data-disabled="google,twitter,facebook"></div>
插件2
 
設置微信二維碼標題，需要用到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="這個標題只有的分享到微博時有用，其它標題為全局標題" data-qq-title="分享到QQ時用此標題"></div>
 
你也可以自定義圖標：
使用: data-initialized="true" 標簽來禁用自動生成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標簽會自動加上分享鏈接（a 標簽必須帶 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>
 
這樣一來所有的分享圖標就會創(chuàng)建在容器的內(nèi)容前面。

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