网站分享插件之Share分享插件_成都网站制作
最近发现bshare以及百度分享插件,有一大堆问题,类似于样式错乱,分享链接不生效等不兼容性问题,调整起来也相当麻烦,所以干脆换一种插件。于是被我找到了Share.js,这是一款一键转发工具,它可以一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站,调用起来也相当简单。
引入项目:JS,CSS:link rel=stylesheet href=__CSS__/share.min.cssscript src=__JS__/social-share.js/scriptscript src=__JS__/qrcode.js/scriptHtml:div class=social-share/div其中social-share这个是必须的类名,此外还有一些特殊的参数设置如下:例如:禁用 google、twitter、facebook ,需要用到data-disableddivclass=social-sharedata-disabled=google,twitter,facebook/div设置微信二维码标题,需要用到data-wechat-qrcode-titledivclass=social-sharedata-wechat-qrcode-title=请打开微信扫一扫/div针对特定站点使用不同的属性(title, url, description,image...)divclass=social-sharedata-weibo-title=这个标题只有的分享到微博时有用,其它标题为全局标题data-qq-title=分享到QQ时用此标题/div你也可以自定义图标:使用:data-initialized=true标签来禁用自动生成icon功能。divclass=social-sharedata-initialized=trueahref=#class=social-share-iconicon-weibo/aahref=#class=social-share-iconicon-qq/aahref=#class=social-share-iconicon-qzone/a/div以上a标签会自动加上分享链接(a标签必须带icon-NAME属性,不然分享链接不会自动加上)。如果你想在分享icon列表中内置一些元素,比如放一个收藏按钮在分享按钮的后面:divclass=social-shareahref=javascript:;class=social-share-iconicon-heart/a/div这样的结果是所有的分享按钮都创建在了收藏按钮(icon-heart)的后面了,这时候你就可以用data-mode=prepend来确定分享按钮创建的方式。divclass=social-sharedata-mode=prependahref=javascript:;class=social-share-iconicon-heart/a/div这样一来所有的分享图标就会创建在容器的内容前面。以下是下载链接:httpss://github.com/overtrue/share.js/zipball/master
网站分享插件之Share分享插件_成都网站制作 https://cdnanqi.cn/wangzhanzhizuo/10960.html