回答

收藏

iShare.js分享插件

前端知识 前端知识 592 人阅读 | 0 人回复 | 2024-08-27

  1. 地址:https://github.com/zhansingsong/iShare.js

  2. // 引入脚本文件
  3. <script type="text/javascript" src="iShare_tidy.js"></script>

  4. // 引入HTML脚本
  5. <div class="iShare iShare1">
  6.         <a href="#" class="iShare_qzone"><i class="iconfont qzone">&#xe610;</i></a>
  7.         <a href="#" class="iShare_tencent"><i class="iconfont tencent" style="vertical-align: -2px;">&#xe608;</i></a>
  8.         <a href="#" class="iShare_weibo"><i class="iconfont weibo">&#xe609;</i></a>
  9.         <a href="#" class="iShare_wechat"><i class="iconfont wechat" style="vertical-align: -2px;">&#xe613;</i></a>
  10.         <a href="#" class="iShare_facebook"><i class="iconfont facebook" style="vertical-align: 1px;">&#xe601;</i></a>
  11.         <a href="#" class="iShare_googleplus"><i class="iconfont googleplus" style="vertical-align: -1px;">&#xe60b;</i></a>
  12.         <a href="#" class="iShare_linkedin"><i class="iconfont linkedin" style="vertical-align: 2px;">&#xe607;</i></a>
  13.         <a href="#">我是酱油一号</a>
  14.         <a href="#">我是酱油二号</a>
  15. </div>
  16. //子元素需要指定如下的类名:
  17. //iShare_qq         : 'QQ好友',
  18. //iShare_qzone      : 'QQ空间',
  19. //iShare_tencent    : '腾讯微博',
  20. //iShare_weibo      : '新浪微博',
  21. //iShare_wechat     : '微信',
  22. //iShare_douban     : '豆瓣',
  23. //iShare_renren                        : '人人',
  24. //iShare_youdaonote : '有道笔记',
  25. //iShare_linkedin   : 'Linkedin',
  26. //iShare_facebook   : 'Facebook',
  27. //iShare_twitter    : 'Twitter',
  28. //iShare_googleplus : 'Google+',
  29. //iShare_pinterest        : 'Pinterest',
  30. //iShare_tumblr                        : 'Tumblr'
  31. //插件会根据类名自动处理,如果存在不包含上述类名的子元素,该元素就不作任何处理。
复制代码


分享到:
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

94 积分
20 主题
+ 关注