网站分享插件之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
- 让网站的关键词在搜索引擎中排名更高,给网站带来更多咨询转化-成都SEO优化
- 如何在公司官网设计中使用品牌色彩?_达州做网站
- SEO新手如何优化一个新的在线网站-成都seo优化-成都网站优化
- 如何看待信息化时代的网络安全-习近平谈网络安全观
- 盘点网站优化中15种体验不友好且影响排名的要点
- 通过seo优化获得好的品牌效应才是网站优化的关键点-广汉SEO优化
- 盘点鲜为人知的四大搜索引擎优化seo秘籍-成都seo优化-成都网站优化
- 日入三四百,轻松做自媒体?-新媒体推广方法
- 网站建设经验:如何进行网站数据分析与优化_宜宾做网站
- 提高国外先进国防服务器网站访问速度的途径有哪些-成都seo优化-成都网站优化
400电话办理