分享十五款 jQuery 社交网络分享插件

过去几年中社交媒体越来越流行了，能够分享音乐、视频、图像甚至是其他的 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 的支持哦！！！

赞 (0)

相关推荐

  • jQuery前端分页示例分享

    jQuery前端分页示例分享

    大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比较简单. 复制代码 代码如下: /** * pageSize,  每页显示数 * pageIndex, 当前页数  * pageCount  总页数 * url  连接地址 * pager(10, 1, 5, 'Index')使用方法示例 */ function pager(pageSize, pageIndex, pageCoun

  • Jquery api 速查表分享

    选择符 匹配 * 所有元素 #id 带有给定ID的元素 element 给定类型的所有元素,比如说html标签 .class 带有给定类的所有元素 a,b 匹配a或者匹配b的元素 a b 作为a后代的匹配b的元素(包括孙子辈的) a > b 作为a子元素的匹配b的元素(只包括儿子辈) :first 结果集中的第一个元素 :last 结果集中的最后一个元素 :not(a) 结果集中与a不匹配的所有元素 :even 结果集中的偶数元素(从0开始计数) :odd 结果集中的奇数元素(从0开始计数) :

  • jQuery实现自动与手动切换的滚动新闻特效代码分享

    jQuery实现自动与手动切换的滚动新闻特效代码分享

    本文实例讲述了jQuery实现滚动新闻特效.分享给大家供大家参考.具体如下: jQuery实现滚动新闻代码是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.有三种展示新闻的方式,自动向下循环展示,自动向上循环展示以及手动循环展示,总有一款适合你的. 运行效果图:                                -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式.

  • jQuery图片轮播滚动切换代码分享

    jQuery图片轮播滚动切换代码分享

    本文实例讲述了jQuery图片轮播滚动切换特效.分享给大家供大家参考.具体如下: jQuery图片轮播滚动切换代码是一款简单的jquery四张图片轮播滚动切换效果代码,实现过程很简单. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link rel="stylesheet" type="text/css" h

  • jQuery树形下拉菜单特效代码分享

    jQuery树形下拉菜单特效代码分享

    本文实例讲述了jQuery实现幻树形下拉菜单特效,实现自动伸缩,分享给大家供大家参考. 运行jQuery树形下拉菜单特效效果图: 为大家分享的jQuery树形下拉菜单代码如下 <head> <title>常用的jquery下拉菜单</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="

  • 基于jQuery实现交互体验社会化分享代码附源码下载

    基于jQuery实现交互体验社会化分享代码附源码下载

    先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读. 效果展示       源码下载 基于jQuery交互体验社会化分享代码.这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台. html代码: <div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';clear:both;width:160px;margin:0 auto;"&

  • 15款jQuery分布引导插件分享

    15款jQuery分布引导插件分享

    1. Power Tour 2. Bootstrap Tour 3. Bootstro.js 4. Intro.js 5. Power Tour 6. Trip.js 7. jQuery Tour Bus 8. jQuery Site Tour 9. Website Tour with jQuery 10. JoyRide 11. Pageguide.js 12. jQuery Tour 13. Crumble 14. Pagetour 15. jQuery Website Tour for W

  • jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

    jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

    这是一款基于jquery实现的漫天雪花飞舞的圣诞祝福雪花效果代码,雪花的大小可以进行切换,用户还可以更改背景图片,是一款非常实用的幻灯片特效源码. 漫天雪花飞舞的jquery圣诞祝福雪花效果,集中不同的效果可以点击选择,请欣赏. 效果演示 源码下载(浏览器中如果不能正常运行,可以尝试切换浏览模式或者选择直接下载) 为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码如下 <!DOCTYPE html> <html> <head> <script type=&

  • jQuery实现输入框下拉列表树插件特效代码分享

    jQuery实现输入框下拉列表树插件特效代码分享

    本文实例讲述了jQuery实现输入框下拉列表树插件.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的下拉列表树插件源码,是一款实用的jquery 树形下拉框下拉树代码.点击文本框即可弹出树形下拉列表,单击列表项即可选中列表对应文字,是一款非常实用的特效源码. 运行效果图:                     -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQ

  • jQuery超精致图片轮播幻灯片特效代码分享

    jQuery超精致图片轮播幻灯片特效代码分享

    本文实例讲述了jQuery超精致图片轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现超精致图片轮播幻灯片特效代码,实现过程很简单. 运行效果图:                               -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <link href="styles/97zzw.css"

  • jQuery封装的tab选项卡插件分享

    在网站开发中经常会用到选项卡功能,为了节省一下写代码时间,封装了一下tab插件,方便调用. 创建选项卡组件 使用方法: html结构 <div id="tabs"> <ul> <li><a href="#tabs-1">tab-1</a></li> <li><a href="#tabs-2">tab-2</a></li> <

  • jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享

    网页端 裁剪图片,不需要经过服务器. 这个是用 https://github.com/mailru/FileAPI 框架实现的.配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度. 核心代码: var el = $('input').get(0); seajs.use(['gallery/jcrop/0.9.12/jcrop.css','gallery/jcrop/0.9.12/jcrop.js'] ,function(){ FileAPI.event.o

  • IE下支持文本框和密码框placeholder效果的JQuery插件分享

    很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框. placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失. 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下: 复制代码 代码如下: (function($) {   /**    * 没有开花

  • 使用jquery操作session方法分享

    摘要: 今天分享的是使用jquery来处理session.我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的.当用户关闭浏览器这个数据会被清除掉. 简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作.在使用之前需要引入jquery. 语法: 添加数据     $.session.set('key', 'value') 删除数据     $.se

随机推荐