JS自动生成QQ、微博等页面分享按钮

发表于 更新于 分类于

生成 微博, QQ, 人人… 的分享按钮

项目地址

https://github.com/GitHub-Laziji/JS-plugins/tree/master/share
自动生成按钮的图标使用Font Awesome, 使用前须引人

1
<link href="http://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

效果

screenshot

使用

静态引人

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script src="share.js"></script>

//自动生成
<div id="bar"></div>

//直接调用
<button onclick="AShare.share.sinaWeibo.event()">分享到微博</button>

<script>
  AShare.config({
    title:"app",
    content:"sssshare",
    picture:"i.png",
    
    url: null, //选填  默认当前页面
  })
  
  //自动生成全部
  AShare.createBar("#bar")
  
  //选择生成
  AShare.createBar("#bar", {
    sinaWeibo:true,
    qzone:true,
    renren:true
  })
</script>

模块引人

1
2
3
4
5
6
7
import AShare from "share"

AShare.config({
  title:"app",
  content:"sssshare",
  picture:"i.png",
}).createBar("#bar")