亚洲精品国产综合精品99,91精品国产高清自,人妖一区二区在线,欧美日韩国产福利在线观看

  1. <acronym id="auclz"></acronym>
      <sup id="auclz"><dl id="auclz"><pre id="auclz"></pre></dl></sup>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網(wǎng)絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > Javascript/JQuery > 一個頁面中添加多組分享按鈕代碼示例

      一個頁面中添加多組分享按鈕代碼示例

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

      說明:此截圖中需要實現(xiàn)多個文章標題及每一個文章不同url的處理,用戶點擊相應的分享按鈕,即可實現(xiàn)不同文章不同url的分享
      一個頁面中添加多組分享按鈕代碼示例

      一個頁面中添加多組分享按鈕代碼示例

      示例代碼如下:
      第一條:<a href="http://aqeth.com/help/html/add-more-icons/">如何在一個頁面中添加多組分享代碼</a>
      
      <!--本頁第一個分享工具代碼開始-->
      <div onmouseover="setShare('如何在一個頁面中添加多組分享代碼', 'http://aqeth.com/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://aqeth.com/news/html/jiathis-wordpress-plugin">JiaThis發(fā)布最新WordPress分享插件</a>
      
      <!--本頁第二個分享工具代碼開始-->                   
      <div onmouseover="setShare('JiaThis發(fā)布最新WordPress分享插件', 'http://aqeth.com/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>
      <!--分享功能代碼結束-->
      
      
      欄目列表
      推薦內(nèi)容
      熱點內(nèi)容
      展開