如何在网页上加上一个赞赏码？

1. 首先写好网页代码，然后将下面代码复制粘贴到body标签内即可。

  <script src="//static.tctip.com/tctip-1.0.4.min.js"></script>
<script> 
  new tctip({
    top: '15%',
    button: {
      id: 4,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://ae01.alicdn.com/kf/Hc2599b7b8e14475491f70eaf847f96d1D.jpeg'
      }, {
        type: 'wechat',
        qrImg: 'https://ae01.alicdn.com/kf/Hddce11218f244c75ad18b34d66a8acffu.jpeg'
      }, {
        type: 'wx',
        qrImg: 'https://ae01.alicdn.com/kf/H6031cd82fa0249289913bb0e2a1b0fde1.jpeg'
      }, {
        type: 'QQ',
        qrImg: 'https://ae01.alicdn.com/kf/Heff31b5b438d43459809a7affe4bda640.jpeg'
      }
    ]
  }).init()
  </script>

2.管理参数说明。

参数详解
参数说明
top
类型: String
默认值: 10%
含义: 插件顶端距离页面最上面的距离
备注: 格式如 100px或者10%
button

类型: Object，包含id和type两个子数组
id:
类型: Number
默认值: 1
含义: 代表图片颜色
备注: 取值范围为1-9
type:
类型: String
默认值: dashang
含义: 按钮上的汉字，有打赏和赞助两种
备注: 只能取dashang或者zanzhu
list

类型: Array
默认值: []
含义: 重点配置，右侧打赏显示，不能为空
备注: 一个数组，最多传入五个元素，每个元素又有如下几项陪配置
type:
类型: String
默认值: 无
含义: 打赏类型
备注: 系统自带四种默认type，alipay,wechat,bitcon,tenpay，如果不是这四种，可以随意写
qrImg:
类型: String
默认值: 无
含义: 二维码图片地址
备注: 尽量裁剪图片周边的空白。重要但是非必传
qrContent:
类型: String
默认值: 无
含义: 二维码内容
备注: 和qrImg二者必须传一个。如果传入本参数，插件自动生成二维码
icon:
类型: String
默认值: 无
含义: 图标，列入支付宝图标
备注: 当type为系统默认四种之一时，本参数可省略
name:
类型: String
默认值: 无
含义: 支付名称，例如支付宝、微信等
备注: 当type为系统默认四种之一时，本参数可省略
desc:
类型: String
默认值: 无
含义: 二维码下面的一句短语，类似大爷行行好之类的
备注: 当type为系统默认四种之一时，本参数可省略
stat

类型: Boolean
默认值: true
含义: 是否上报，用于作者统计使用者
备注: 本参数只是方便作者统计插件使用情况，可视情况关闭

：定义悬浮在屏幕大小百分比的高度。
2. ID：定义显示样式，可输入1-9。
3. type：这个是显示类型。
4. list：这个里面的参数就是各个打赏码了，不过不是随便定义的，要先在tctip js中配置好。
具体自己调试，很简单的。
原项目地址如下
https://github.com/flyingwzb/tctip