运用Share.js插件在网页上添加一键分享到微博、微信等

最近做项目遇到一个需求，就是给网站添加一键分享到微博，微信，qq等社交媒体的功能。

想来应该是通过调用一些现成的接口就可以了，这里总结一下运用Share,js来实现的详细步骤

具体做法：

1.下载git hub上的开源包https://github.com/overtrue/share.js/

2.下载完成后将src文件夹移动到dist文件夹中

3.将dist文件夹整个拷贝到项目根目录下。如下图

4.html中添加一个区域，用来放置分享图标

5.js配置一下需要具体引进的社交方式

6.引进css样式表，和js

ps:一些自定义配置请参考该github。

运用Share.js插件在网页上添加一键分享到微博、微信等相关推荐

js插件---IUpload文件上传插件（包括图片）
js插件---IUpload文件上传插件(包括图片) 一.总结一句话总结:上传插件找到真正上传位置的代码,这样就可以知道整个上传插件的逻辑了, 找资料还是github+官方 1.如何在js中找到真正 ...
网页上添加聊天工具代码
网页上添加聊天工具代码 (此文是抄载,忘了出处,不能注明,敬请原谅!) 在网页上加QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码如何在网页上显示腾讯QQ在线洽 ...
微信公众平台开发之在网页上添加分享到朋友圈，关注微信号等按钮
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享 ...
如何在网页上添加一个微信关注链接？（一键跳转微信关注公众号）！！注意是从外部跳到微信关注...
如何在网页上添加一个微信关注链接?第三方浏览器打开微信的接口,微信只给部分合作平台开放了接口权限,任何第三方想调用只能是通过一些技术手段来请求接口,获取秘钥(ticket).那么如果我们想减少用户从外 ...
如何在html上显示时间设置,js实现在网页上简单显示时间的方法
本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的 ...
在网页上添加微信分享按钮，关注微信号等按钮
转自:http://www.cnblogs.com/GmrBrian/p/3593071.html 微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹 ...
js实现截取网页上特定位置的图片打印或保存
js实现截取网页上特定位置的图片打印或保存一.实现思路具体思路是创建一个宽和高都是100%的canvas,使其能够覆盖整个页面,然后根据所要截取的图片起始位置相对于canvas的位置(因为是1 ...
利用Jquery Lazyload JS插件实现网页图片延迟加载
Jquery Lazyload是一款网页图片延迟加载JS插件,本文介绍该JS的使用方法. 最新的jquery lazyload可以单独使用(即不依赖jquery),本文介绍的是依赖jquery的使用及 ...
Leaflet中使用Leaflet.contextmenu插件实现地图上添加鼠标右键菜单
场景 Leaflet快速入门与加载OSM显示地图: Leaflet快速入门与加载OSM显示地图_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上,怎样使用Leaflet.co ...

运用Share.js插件在网页上添加一键分享到微博、微信等

运用Share.js插件在网页上添加一键分享到微博、微信等相关推荐

最新文章

热门文章