0712-2888027 189-8648-0214
                                                                                    微信公眾號

                                                                                    孝感風信網絡科技有限公司微信公眾號

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

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

                                                                                    時間:2024-06-01來源:風信官網 點擊: 601次
                                                                                    在定制化開發的過程中,有一個非常實用的功能分享給大家,針對在欄目頁面,進行多組按鈕分享內容的功能實現,通過該功能的實現可以非常方便的為用戶提供分享的內容,效果截圖如下:

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

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

                                                                                    示例代碼如下:
                                                                                    第一條:<a href="http://www.phim3z.com/help/html/add-more-icons/">如何在一個頁面中添加多組分享代碼</a>
                                                                                    
                                                                                    <!--本頁第一個分享工具代碼開始-->
                                                                                    <div onmouseover="setShare('如何在一個頁面中添加多組分享代碼', 'http://www.phim3z.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://www.phim3z.com/news/html/jiathis-wordpress-plugin">JiaThis發布最新WordPress分享插件</a>
                                                                                    
                                                                                    <!--本頁第二個分享工具代碼開始-->                   
                                                                                    <div onmouseover="setShare('JiaThis發布最新WordPress分享插件', 'http://www.phim3z.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>
                                                                                    <!--本頁第二個分享工具代碼結束-->  
                                                                                                     
                                                                                    <!--分享功能代碼統一放到頁尾-->
                                                                                    <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>
                                                                                    <!--分享功能代碼結束-->
                                                                                    
                                                                                    
                                                                                    欄目列表
                                                                                    推薦內容
                                                                                    熱點內容
                                                                                    展開
                                                                                    亚洲AV秘 无码不卡一区二区,天天一本大道久久,亚洲污视频在线观看,97超碰国产精品无码