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

  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: 'wxq',qrImg: 'https://ae01.alicdn.com/kf/H6031cd82fa0249289913bb0e2a1b0fde1.jpeg'}, {type: 'QQ',qrImg: 'https://ae01.alicdn.com/kf/Heff31b5b438d43459809a7affe4bda640.jpeg'}]}).init()</script>

2.管理参数说明。

  1. 参数详解
    参数说明
    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

快速给网站加一个赞赏码功能相关推荐

  1. 博客园在微信内置浏览器打开时添加微信赞赏码功能

    我的博客开通了赞赏,看右侧悬浮[打赏],很容易弄,文末有链接. 另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏. 这本人自己摸索的,未参考任何博文 ...

  2. 通用权限管理系统组件 给信息管理系统加一个初始化的功能,调用存储过程

    系统初始化的运行效果如下: 参数表是为了防止反复被初始化的,防止关键数据丢失. 其实很多人都提过希望有系统初始化的功能,最近稍微空一些,就给系统增加了一个初始化的功能,给大家参考一下. 首先写了一个存 ...

  3. 通用权限管理系统组件 (GPM - General Permissions Manager) 给信息管理系统加一个初始化的功能,调用存储过程...

    系统初始化的运行效果如下: 参数表是为了防止反复被初始化的,防止关键数据丢失. 其实很多人都提过希望有系统初始化的功能,最近稍微空一些,就给系统增加了一个初始化的功能,给大家参考一下. 首先写了一个存 ...

  4. 使用trash-cli给Linux服务器加一个回收站的功能

    1,安装. 1,安装方法一 安装非常简单,使用两条命令搞定. yum install -y python-setuptools.noarch easy_install trash-cli 一般情况下, ...

  5. 蓝色给自己的网站加一个好看的跳转页面代码

    新建一个文本文档,然后重命名为index.html 复制代码粘贴进去,找到本站地址www.12580sky.com替换成你要跳转的地址就可以了. <html> <head> & ...

  6. 怎样给自己的网站加一个网址,然后让别人访问呢?

    1.打开控制面板--> 2.程序-->启用或关闭Windows功能--> 3.点击 -->以下是需要勾选的  .NET Framework 3.5(包括.NET2.0和3.0) ...

  7. easybuy源码_easybuy 一个具有基本功能的商品购物网站包括前端和后台 计 Jsp/Servlet 272万源代码下载- www.pudn.com...

    文件名称: easybuy下载  收藏√  [ 5  4  3  2  1 ] 开发工具: Java 文件大小: 2380 KB 上传时间: 2017-03-11 下载次数: 0 提 供 者: 杨过 ...

  8. 若依前后端分离+帆软报表 快速建立网站及后台管理功能

    若依前后端分离+帆软报表 快速建立网站及后台管理功能 架构 1.后台管理:若依作为后台管理框架,使用它自带的用户,角色,组织架构管理模块,在此基础上通过代码生成功能二次开发增加业务模块:使用帆软报表快 ...

  9. 怎么利用源码快速建立网站

    怎么利用源码快速建立网站 想要快速的学建网站下面详细的介绍一下建网站的方法推荐你看看 首先申请域名: 首先是注册域名.域名注册.com(国际域名)和.cn(国内域名)为宜,域名最好不要太长.且有一定的 ...

  10. fastslam matlab,fastslam 快速定位和构图的源码,一个简单的例子,3D建模,可以用作学习智能机器人自主移动 matlab 272万源代码下载- www.pudn.com...

    文件名称: fastslam下载  收藏√  [ 5  4  3  2  1 ] 开发工具: matlab 文件大小: 31 KB 上传时间: 2015-03-19 下载次数: 22 详细说明:快速定 ...

最新文章

  1. 为什么说Python是伟大的入门语言
  2. 网站SEO优化可通过哪些数据分析来解决问题?
  3. GC回收垃圾对象过程
  4. 如何根据一个ABAP类方法的名称反差到类名称
  5. 群晖python套件包_利用群晖Docker安装ubuntu16.04搭建python网站服务器(部署篇)
  6. AI又被彩虹吹?!新浪财经:应届博士算法毕业,80万年薪被疯抢
  7. Intel 64/x86_64/IA-32/x86处理器 - 指令格式(6) - 8086/16位指令位移量字节/立即数字节
  8. tsql_TSQL的历史
  9. 5 个用于在 Linux 终端中查找域名 IP 地址的命令
  10. webrtc 渲染_WebRTC 开发(六)摄像头采集与视频渲染分析
  11. windows10(专业版和家庭版)---禁止自动更新系统
  12. Visual Studio 2022配置GAMP出现 LNK2019无法解析外部符号_imp_timeGetTime@0
  13. EI数据库免费检索入口
  14. 工作半年就迷茫,给你一盏明灯
  15. 两计算机网线连接打印机共享打印机共享打印机,打印机、资源共享、协同工作、一根网线连接两电脑的方...
  16. 【魔兽世界插件】魔兽世界插件实战笔记从入门到放弃的心理历程 第三节-窗体颜色设置与渐变
  17. Unity3D FingerGestures 手势插件使用
  18. Spring Framework 开发参考手册 之十四 JMS支持
  19. MySQL(二)查询操作
  20. js 根据日期转换星期

热门文章

  1. 通信领域的宽带信号和窄带信号到底是什么??
  2. oracle mysql什么意思_oracle数据库中这些语句都是什么意思啊?
  3. 傅里叶级数与傅里叶变换_Part4_傅里叶级数的复数形式
  4. html元素的默认样式,CSS重置,常见元素的默认样式
  5. ASP.NET Core WebApi返回结果统一包装实践
  6. 清华大学计算机学院2019冬令营,清华大学2019人文社科冬令营初审结果公布
  7. Redis——SDS
  8. python计算字节数_Python len()函数详解:获取字符串长度或字节数
  9. kuberbetes容器生命周期 - 容器探测(liveness/readiness probes)
  10. Kubernetes Pod 健康检查机制 LivenessProbe 与 ReadinessProbe