在定制化開發(fā)的過程中，有一個非常實用的功能分享給大家，針對在欄目頁面，進行多組按鈕分享內容的功能實現(xiàn)，通過該功能的實現(xiàn)可以非常方便的為用戶提供分享的內容，效果截圖如下：

說明：此截圖中需要實現(xiàn)多個文章標題及每一個文章不同url的處理，用戶點擊相應的分享按鈕，即可實現(xiàn)不同文章不同url的分享

示例代碼如下：

第一條：<a href="http://k431ba.cn/help/html/add-more-icons/">如何在一個頁面中添加多組分享代碼</a>

<!--本頁第一個分享工具代碼開始-->
<div onmouseover="setShare('如何在一個頁面中添加多組分享代碼', 'http://k431ba.cn/help/html/add-more-icons/');">
<!--自定義第一個分享標題和鏈接-->
    <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>
<!--本頁第一個分享工具代碼結束-->

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

<!--本頁第二個分享工具代碼開始-->                   
<div onmouseover="setShare('JiaThis發(fā)布最新WordPress分享插件', 'http://k431ba.cn/news/html/jiathis-wordpress-plugin');">
<!--自定義第二個分享標題和鏈接-->
    <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>
<!--本頁第二個分享工具代碼結束-->  
                 
<!--分享功能代碼統(tǒng)一放到頁尾-->
<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>
<!--分享功能代碼結束-->