jquery 社交分享插件專題及常見問題 - CSDN

2020-12-25 CSDN技術社區

過去幾年中社交媒體越來越流行了，能夠分享音樂、視頻、圖像甚至是其他的 docs 文檔到網際網路上去，這樣子還能夠提高頁面的點擊量。通常，一些社交媒體插件都能允許你的用戶分享你網站上的內容到其他的社交平臺，比如說這些社交平臺 上：Facebook, Google, Twitter, Pinterest等等。

這裡我們選擇了 15 款最好的 jQuery 社交分享插件。只需要少量的代碼，即可將它們輕鬆的集成到你的網站上，並且能夠幫助你的訪問者分享網站上的內容。好好享受它們來帶的便利吧！！

點擊圖片查看連結

1. iShare


iShare 是一款令人驚詫的 jquery  分享和書籤插件。它有許多功能，比如說支持分享到社交網站，支持 shortcode，可選擇激活分享到哪些社交網站，另外還有其他許多可自定義的功能。

2. jsSocials


jsSocials 是一個簡單的社交網絡分享 jQuery 插件。它靈活多變且易於擴展。可視外觀可自定義（自己配置）。同時提供了幾套主題供開發者選擇。如果有必要的話，也能夠不支持分享到任何社交網絡。

3. Pongstagr.am


Pongstagr.am 是一個 jQuery 插件，通過使用引導前端樣式和模態插件，在你的網站上展示 Instagram 多媒體。 

4. SocialShare.js


SocialShare.js 是一款 jQuery 插件，能夠提供更多可控的社交分享按鈕。你想設置樣式的時候，不用擔心會影響到 javascript 的執行。

5. jQuery Awesome Sosmed Share Button


一個用來創建社交媒體分享的 jQuery 插件。且能夠計算分享次數。

6. Social Cards


Social cards 是一個 jquery 插件，它配備了四個分享卡片，包括：Facebook, Twitter, Google Plus, Pinterest, LinkedIn 和入職到粘貼板部件。它最出彩的地方是單擊後才會加載腳本，所以你不用擔心社交部件的性能瓶頸。當然，你能夠輕鬆的本地化此插件。

7. CS Buttons


CSButtons 是一個能夠創建分享按鈕並統計分享次數的 jQuery 插件，分享按鈕包括以下網站：Facebook, Twitter, Google Plus, Linkedin, Pinterest.

8. Cool Social Buttons


Cool Social Buttons 是一款能夠添加分享按鈕到你的網站且不會降低網站加載速度的 jQuery 插件。它易於使用、且支持自定義。這個插件支持分享到以下網站：Twitter, Facebook, Google+, Tumblrand Pinterest.

9. jQuery PrettySocial


jQuery prettySocial 是用於 Pinterest, Twitter, Facebook 和 Google Plus 的自定義分享按鈕。

10. Ridiculously Responsive Social Sharing Buttons


RRSSB 是響應式社交分享按鈕插件，通過修改幾個變量，你可以輕鬆的自定義 RRSSB 插件。SVGs 考慮到極小的文件大小，且支持 retina 視網膜屏幕顯示。在線演示

11. Easy Video Sharing Script


Easy Video Sharing Script (EVSS) 允許你只使用 URLs 即可嵌入視頻。只要複製和粘貼視頻頁面的 URL，你就能在文本區間嵌入視頻，且 EVSS 可以一直工作。最重要的一點是 EVSS 不會再次加載頁面，因為有 AJAX 在後端加載頁面。

12. HideShare


HideShare 是一個社交分享插件，能夠插入社交分享連結。允許共享任何連結或圖像的當前頁面。但是它需要安裝字體和 CSS。

13. Pimax


Pimax displays 能夠從你的 Picasa / Google+ 專輯中顯示照片庫。你帳戶中的公開專輯能夠展示在你的網站中。只要你添加添加片到你的 Google+ 帳戶的公開相冊中，那麼在你的網站中也會顯示這些公開照片。

14. FloatShare


floatShare 是一個免費的 jQuery 插件，能夠允許你網站的訪問者分享的網站內容到社交網絡平臺上。floatShare 還能顯示摘要，並統計『分享』 和 『喜歡』的總數。

15. jQuery Social Share Buttons


這是 15 款插件中的壓軸插件，使用它之後，你可以添加任何社交網站按鈕——而且，還不需要 PHP 的支持哦！！！

via：jqueryhouse.com

相關焦點

  • jquery 三級聯動插件專題及常見問題 - CSDN
    在開發工作中，有時候需要我們自己去手動開發一個插件，剛好我遇到了這樣的機會，也有時間去完成這個插件，所以就做了一個適合自己的項目的三級聯動下拉插件。
  • 編寫jquery插件的分享
    作為一個前段程式設計師，肯定經常用到一些javascript插件吧，不得不承認，jquery是其中的比較優秀的插件之一，那麼我們有沒有想過我們自己也可以來封裝一個插件呢，下面我給大家分享一些方法，希望對大家有些幫助。
  • 基於 RequireJS 和 jQuery 的模塊化編程——常見問題解析
    中使用jquery插件對於jquery的插件，比較常見的做法都是傳入一個jquery的對象，在這個jquery對象的基礎上添加插件對應的方法。首先需要添加jquery插件的依賴，這裡用兩個插件舉例子——jquery-ui和jquery-datatablesrequirejs.config({    baseUrl: '.
  • bootstrap css ztree專題及常見問題 - CSDN
    一、下載zTree插件 地址：http://www.ztree.me二、html代碼/Scripts/zTree/js/jquery-1.4.4.min.js"></script> <script src="../Scripts/zTree/js/jquery.ztree.core-3.5.js"></script> <script src="..
  • jquery實現響應式布局專題及常見問題 - CSDN
    使用媒體類型的一種常見方式是為桌面計算機屏幕和 Web 頁面的列印版本分別定義單獨的樣式表。CSS3 通過引進媒體查詢，將設備相關的編碼措施這個概念再推進了一步。媒體查詢可以用於確定與 Web 頁面交互的設備類型，並使開發人員能夠確定正在查看 Web 頁面的設備的物理屬性。
  • 超棒的jQuery矢量地圖生成插件 - JQVAMP
    今天我們將介紹的這款jQuery插件 - JQVMAP 可以方便的幫助你生成漂亮的矢量地圖。在現代瀏覽器中它使用了SVG（Scalable Vector Graphics）技術生成地圖圖片，如果你也需要支持老版本的瀏覽器，例如，IE6/7/8的話，它也可以通過VML來實現，非常不錯的jQuery插件，相信大家一定會喜歡！
  • 9個有用的jQuery日曆和日期選擇器插件
    【IT168技術】事件日曆和日期選擇器是是我們開發當中經常遇到的問題，這個時候我們就需要用jquery插件來實現，昨天我在做項目的時候，遇到了個問題就是如何顯示倒計時問題，我這個時候就用jquery插件解決的，今天給大家分享9個其他的時間選擇器插件　　FullCalendar　　FullCalendar
  • jquery ztree入門 - CSDN
    freemaker 模板引擎作為 spring-mvc 展現層》《j2ee 簡單網站搭建：（五）使用 jcaptcha 生成驗證碼圖片》《j2ee 簡單網站搭建：（六）使用 hibernate validation 實現 domain 層實體類驗證》《j2ee 簡單網站搭建：（七）使用 shiro 結合 jcaptcha 實現用戶驗證登錄》《j2ee 簡單網站搭建：（八）使用 jquery-validate
  • 一個幫助你處理延遲重複循環操作的jQuery插件 - timing
    在今天的這篇插件介紹中，我們將介紹一個超棒的jQuery插件，幫助你快速的使用鏈式和延遲代理模式來實現類似的效果。這個插件提供了簡單實用的方法來定義列舉，timeout，interval，延遲，並且使用基於時間的循環，僅僅使用數行就可以實現。如何使用？
  • 10 款基於 jQuery 的切換效果插件推薦
    本文整理了 10 款非常好用的jQuery切換效果插件，包括平滑切換和重疊動畫等，這些插件可以實現不同元素之間的動態切換。 1.
  • jquery mootools - CSDN
    作為我播客外觀的擴展，我想分享一些代碼片段，以使您對MooTools或jQuery的介紹更加容易。<script type="text/javascript" src="moo1.2.4.js"></script><script type="text/javascript" src="jquery-1.4.js"></script><script type
  • bootstrap css精簡專題及常見問題 - CSDN
    -- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js
  • c#引用包專題及常見問題 - CSDN
    因為 Visual Studio 有強大的包管理器插件，所以即便是不熟悉 NuGet 命令的小夥伴也能輕鬆安裝和管理 NuGet 包。不過，對 Unity C# 項目來說，你並不能直接引用 dll，也不能直接使用自帶的 NuGet 包管理器完成 NuGet 包安裝。本文介紹原因和真正的引用方法。
  • github覆蓋本地專題及常見問題 - CSDN
    參考文獻[1] Github進行fork後如何與原倉庫同步 https://blog.csdn.net/matrix_google/article/details/80676034[2] git分支查看及切換 https://blog.csdn.net/qq_26710805/article/details/80674006[3] git 放棄本地修改
  • jquery九宮格抽獎轉盤插件lottery
    xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery
  • bootstrap布局沒有效果專題及常見問題 - CSDN
    奈何各種問題不斷，使用 jquery-ui中的 draggable各種坑不斷，哎，一言難盡，最怕這種不是自己寫的，只能不斷踩坑，踩著踩著就好了最終目的效果圖若是考慮找到被克隆對象，目前我嘗試多種方式，直接是找不到，一臉懵逼我，我也很無奈，直接兩者間沒有聯繫，嘗試過event來找，依舊沒有任何效果代碼看問題html<div>表格</div> <div> <table contenteditable="true"> <thead>
  • 2013年11月 15個最新的jQuery插件
    插件支持標記、自定義圖標、縮放控制和自定義控制菜單。插件在MIT許可協議下提供。2. Auto Fix Anything 本插件將使你頁面上任何容器僅通過一句JS調用就能自動適應你網站的任何位置。有了這個插件，你就可以動態地調整容器的顯示效果。插件將會自動檢測何時應 該做出調整以適應當前頁面。
  • 13 款最棒的 jQuery 圖像 360° 旋轉插件
    這些超級棒的 360&deg; 圖像選擇插件允許用戶更詳細的分析產品或者文章。jQuery 圖像旋轉插件可以讓用戶從各種角度進行 360 度的圖像展示，經常在電子商務網站上使用，幫助消費者更好的了解產品，從任意的一個角度觀察欣賞。
  • 30 個最棒的 jQuery 的拖放插件 - OSCHINA - 中文開源技術交流社區
    jQuery 允許用戶為任意 DOM 元素添加可拖放的功能，通過 jQuery 的拖放插件你可以輕鬆實現網頁上任意元素的拖拽操作
  • JQuery插件製作:[2]語音播報jspeech
    第一步： 下載JQuery文件，並導入到html文件中第二步： html文件布局實現第三步： jspeech插件實現1. 創建jspeech文件，然後根據jquery插件的基本格式把基本框架寫好2. 第四步： 調用插件1. 點擊連結播報2. 效果3. 直接播報4. 效果