国产精品一区二区三区……-大杳蕉伊人欧美一本遒在饯-日本不卡一区免费在线观看-国产亚洲欧美中文字幕
首 頁
關(guān)于方維
網(wǎng)站案例
網(wǎng)站建設(shè)
小程序開發(fā)
解決方案
建站資訊
聯(lián)系方維
400-800-9385
網(wǎng)站分享插件之Share分享插件
發(fā)表日期:2023-04-10 10:25:26 作者來源:黎云輝 瀏覽:1362 標(biāo)簽:
網(wǎng)站建設(shè)
當(dāng)前位置:
首頁
-
建站資訊
-
網(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,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>
設(shè)置微信二維碼標(biāo)題
,需要用到
data-wechat-qrcode-title
<div class="social-share" data-wechat-qrcode-title="請打開微信掃一掃"></div>
針對特定站點使用不同的屬性(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)容前面
。
以下是下載鏈接:
https://github.com/overtrue/share.js/zipball/master
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/6736.html
上一篇:
前端開發(fā)之使用新的 CSS sin() 和 cos() 三角函數(shù)創(chuàng)建一個時鐘
下一篇:
小白網(wǎng)站建設(shè)三部曲-第一篇建設(shè)網(wǎng)站的初入門
相關(guān)網(wǎng)站設(shè)計案例
網(wǎng)是科技
網(wǎng)度新貨站點
上海巴克斯酒業(yè)有限公司(銳澳)
相關(guān)資訊
常見問題
企業(yè)網(wǎng)站建設(shè)常見問題整理合集【置頂】
在深圳建設(shè)一個公司網(wǎng)站多少錢
開發(fā)網(wǎng)站需要多久跟這九個因素有關(guān)
最新文章
在頁面上切換顯示多個動態(tài)的高德地圖
瀏覽量:2065
網(wǎng)頁設(shè)計中什么是字距、字距和行距?
瀏覽量:1930
通過ip獲取用戶國家城市信息
瀏覽量:1191
【簽約】百達聯(lián)康生物科技中英文響...
瀏覽量:3379
華大網(wǎng)站內(nèi)頁優(yōu)化可行性方案
瀏覽量:1173
字體心理學(xué):如何使用它來創(chuàng)建...
瀏覽量:1578
400-800-9385
97798819
回到頂部
宁蒗
|
武强县
|
河间市
|
涞源县
|
昭通市
|
南华县
|
丹凤县
|
砚山县
|
石棉县
|
成都市
|
邹平县
|
镇江市
|
疏附县
|
万盛区
|
瑞安市
|
乳源
|
广水市
|
汉寿县
|
邮箱
|
吐鲁番市
|
贵德县
|
晋宁县
|
铅山县
|
繁峙县
|
大荔县
|
阜宁县
|
清新县
|
邯郸市
|
克山县
|
涟源市
|
修文县
|
麻阳
|
台东县
|
金山区
|
长泰县
|
凯里市
|
越西县
|
都江堰市
|
广安市
|
清水县
|
犍为县
|