建湖网站建设公司分享插件之Share分享插件

发布时间: 2023-07-19 来源:互联网

  建湖网站建设公司最近发现bshare以及搜索引擎分享插件,有一大堆问题,类似于样式错乱,分享链接不生效等不兼容性问题,调整起来也相当麻烦,所以干脆换一种插件.于是被我找到了share.js,这是一款一键转发工具,它可以一键分享到微博、qq空间、qq好友、微信、腾讯微博、豆瓣、facebook、twitter、linkedin、搜索引擎+、点点等社交网站,调用起来也相当简单.

建湖网站建设公司分享插件之Share分享插件

  引进项目:

  js,css:

  

  

  

  html:

  

 

  其中“social-share”这个是必须的类名,此外还有一些特殊的参数设定如下:

  例如:禁用 搜索引擎、twitter、facebook ,需要用到data-disabled

  

 

 

  建湖网站建设公司设定微信2维码标题,需要用到data-wechat-qrcode-title

  

 

 

  针对特定站点使用不同的属性(title, url, description,image...)

  

 

 

  你也可以自定义图标:

  使用:data-initialized="true"标签来禁用全全自动生成icon功能.

  

  

  

  

  

 

 

  以上a标签会全全自动加上分享链接(a标签必须带icon-name属性,不然分享链接不会全全自动加上).

  如果你想在分享icon列表中内置一些元素,比如放一个收躲按钮在分享按钮的后面:

  

  

  

 

 

  这样的结果是所有的建湖网站建设公司分享按钮都创建在了收躲按钮(icon-heart)的后面了,这时候你就可以用data-mode="prepend"来确定分享按钮创建的方式.

  

  

  

 

 

  这样一来所有的分享图标就会创建在容器的内容前面.

  以下是下载链接:

  https://github.com/overtrue/share.js/zipball/master

  • 上一篇:建湖网站建设三部曲-第一篇建设网站的初入门
  • 下一篇:没有了
  • 首页
    模板
    报价
    联系