分享到微博,QQ空间,QQ好友,微信 Share.js

avatar 2015年10月11日14:41:42 2

一键分享到微博,QQ空间,QQ好友,微信,豆瓣,使用字体图标;

安装

引入js文件即可:

1
2
<link rel="stylesheet" href="share.css">
<script src="share.js"></script>

使用

HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="sns-share">
    <a href="" class="qzone"><i class="icon iconfont icon-qzone"></i></a>
    <a href="" class="qq"><i class="icon iconfont icon-qq"></i></a>
    <a href="" class="weibo"><i class="icon iconfont icon-weibo"></i></a>
    <a href="" class="wechat"><i class="icon iconfont icon-wechat"></i></a>
    <a href="" class="douban"><i class="icon iconfont icon-douban"></i></a>
</div>
 
<!-- 引入sns.js -->
<!-- <script src="jquery.qrcode.min.js"></script> -->
<script src="share.js"></script>
<script>
    $(function(){
        $('.sns-share').share();
    });
</script>

微信分享

微信的二维码生成依赖 请引入此项目中:jquery.qrcode.min.js 即可。

自定义配置

所有配置可选, 通常默认就满足需求:

1
2
3
4
5
6
7
8
9
10
var $config = {
    url    : ''// 网址,默认使用 window.location.href
    site   : ''// 来源(QQ空间会用到), 默认读取head标签:<meta name="site" content="http://overtrue" />
    title  : ''// 标题,默认读取 document.title
    description : ''// 描述, 默认读取head标签:<meta name="description" content="PHP弱类型的实现原理分析" />
    iamge    : ''// 图片, 默认取网页中第一个img标签
    target : '_blank' //打开方式
   };
 
$('.sns-share').share($config);
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar Evans 1

      请问又这个例子的demo吗?

      • avatar Evans 1

        请问这篇文章有demo和文章中提到的js文件吗