0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > 一個(gè)頁(yè)面中添加多組分享按鈕代碼示例

一個(gè)頁(yè)面中添加多組分享按鈕代碼示例

時(shí)間:2017-07-11來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 747次
在定制化開(kāi)發(fā)的過(guò)程中,有一個(gè)非常實(shí)用的功能分享給大家,針對(duì)在欄目頁(yè)面,進(jìn)行多組按鈕分享內(nèi)容的功能實(shí)現(xiàn),通過(guò)該功能的實(shí)現(xiàn)可以非常方便的為用戶(hù)提供分享的內(nèi)容,效果截圖如下:

說(shuō)明:此截圖中需要實(shí)現(xiàn)多個(gè)文章標(biāo)題及每一個(gè)文章不同url的處理,用戶(hù)點(diǎn)擊相應(yīng)的分享按鈕,即可實(shí)現(xiàn)不同文章不同url的分享
一個(gè)頁(yè)面中添加多組分享按鈕代碼示例

一個(gè)頁(yè)面中添加多組分享按鈕代碼示例

示例代碼如下:
第一條:<a href="http://m.relateadvertising.com/help/html/add-more-icons/">如何在一個(gè)頁(yè)面中添加多組分享代碼</a>

<!--本頁(yè)第一個(gè)分享工具代碼開(kāi)始-->
<div onmouseover="setShare('如何在一個(gè)頁(yè)面中添加多組分享代碼', 'http://m.relateadvertising.com/help/html/add-more-icons/');">
<!--自定義第一個(gè)分享標(biāo)題和鏈接-->
    <div class="jiathis_style">      
         <a class="jiathis_button_tsina"></a>
         <a class="jiathis_button_qzone"></a>
         <a class="jiathis_button_kaixin001"></a>
         <a class="jiathis_button_renren"></a>
    </div>
</div>
<!--本頁(yè)第一個(gè)分享工具代碼結(jié)束-->

第二條:<a href="http://m.relateadvertising.com/news/html/jiathis-wordpress-plugin">JiaThis發(fā)布最新WordPress分享插件</a>

<!--本頁(yè)第二個(gè)分享工具代碼開(kāi)始-->                   
<div onmouseover="setShare('JiaThis發(fā)布最新WordPress分享插件', 'http://m.relateadvertising.com/news/html/jiathis-wordpress-plugin');">
<!--自定義第二個(gè)分享標(biāo)題和鏈接-->
    <div class="jiathis_style">      
        <a class="jiathis_button_tsina"></a>
        <a class="jiathis_button_qzone"></a>
        <a class="jiathis_button_kaixin001"></a>
        <a class="jiathis_button_renren"></a>
    </div>
</div>
<!--本頁(yè)第二個(gè)分享工具代碼結(jié)束-->  
                 
<!--分享功能代碼統(tǒng)一放到頁(yè)尾-->
<script type="text/javascript">
      function setShare(title, url) {
          jiathis_config.title = title;
          jiathis_config.url = url;
      }
        var jiathis_config = {}
</script>
<script type="text/javascript" src="http://v1.jiathis.com/code/jia.js?uid=您的UID" charset="utf-8"></script>
<!--分享功能代碼結(jié)束-->

熱門(mén)關(guān)鍵詞: 一個(gè)頁(yè)面 多組分享按鈕 代碼示例

您可能感興趣的相關(guān)文章:

欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開(kāi)