tctip打赏小插件
tctip是一个js插件,作用是在web网页右侧生成一个打赏浮动窗
使用方法
页面使用(多数人的使用方式)
第一步,引入js
一般引入min版本,即引入tctip-版本号.min.js
文件
在当前项目中即dist/tctip-1.0.3.min.js
- 您可以把此js文件下载到您的服务器合适目录进行引用
- 您也可以直接使用我提供的静态链接
http(s)://static.tctip.com/tctip-1.0.3.min.js
<script src="//static.tctip.com/tctip-1.0.3.min.js"></script>
第二步,新建tctip变量,同时传入配置参数,然后运行init函数(将这段变量放置到js部分的最后一段)
new tctip({
top: '20%',
button: {
id: 9,
type: 'dashang',
},
list: [
{
type: 'alipay',
qrImg: './images/alipay.jpg'
}, {
type: 'wechat',
qrImg: './images/wechat.jpg'
}, {
type: 'bitcoin',
qrContent: '1PhQySHF1ZuoRwoZ8G4CDLEtE6fAnD3GJP'
}
]
}).init()
参数说明
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含义
: 是否上报,用于作者统计使用者备注
: 本参数只是方便作者统计插件使用情况,可视情况关闭
本文转自https://github.com/greedying/tctip 如有侵权请联系Mr.xu。
tctip打赏小插件的更多相关文章
- 开源Unity小插件CheatConsole
我们在开发游戏的过程中,通常都需要一些快捷的方式来进行一些非常规的测试,这些功能一般被称作控制台或者GM指令,比如虚幻竞技场中,可以使用~键呼出控制台,输入一些指令即可进行快捷设置,比如设置分辨率,全 ...
- 浮动【电梯】或【回到顶部】小插件:iElevator.js
iElevator.js 是一个jquery小插件,使用简单,兼容IE6,支持UMD和3种配置方式,比锚点更灵活. Default Options _defaults = { floors: null ...
- aBowman >>可以运用到自己博客上的小插件
大家进入我的博客会发现页面右边有一只小狗这部分.这个就是我用在上面的 一个小插件.插件网址是:http://abowman.com/google-modules/,这上面有很多的小插件,可以直接运用到 ...
- 移动端全屏滑动的小插件,简单,轻便,好用,只有3k swiper,myswiper,page,stage
https://github.com/donglegend/mySwiper mySwiper 移动端全屏滑动的小插件,简单,轻便,好用,只有3k 下载 直接下载 bower install mySw ...
- 查看SQLSERVER内部数据页面的小插件Internals Viewer
原文:查看SQLSERVER内部数据页面的小插件Internals Viewer 查看SQLSERVER内部数据页面的小插件Internals Viewer 感觉internals viewer这个名 ...
- 仿javascript中confirm()方法的小插件
10天没有写博客了,不知道为什么,心里感觉挺不舒服的,可能这是自己给自己规定要去完成的事情,没有按照计划执行,总会心里不怎么舒服.最近事情挺多的,终于今天抽空来更新一下博客了. 今天写的是一个小插件. ...
- 闲聊select和input常用的小插件
前言 在pc端的项目中,经常会用到表单标签,莫过于是select和input这两种,这两种相当常用.但往往原生的功能不尽人意,即使 input中type有n多属性,甚至连时间控件都有,但仍旧满足不了我 ...
- WebSocket小插件
一.WebSocket小介绍 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信 ...
- 【Bootstrap】优秀小插件收集
Bootstrap中不乏很多优秀的小插件来让界面更加漂亮.比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的.这些相对而言比较大 ...
随机推荐
- Opencv2.4.13与Visual Studio2013环境搭建配置教程
转载:http://www.jb51.net/article/108943.htm 一.安装包的下载与安装 Opencv可免费到官网上去下载,opencv是国外软件,在下载是由于受资源的限制,可能会出 ...
- C#性能优化实践(转载)
原文地址http://www.infoq.com/cn/articles/C-sharp-performance-optimization?utm_source=infoq&utm_mediu ...
- java、C语言实现数组模拟栈
java: public class ArrayStack { private int[] data; private int top; private int size; public ArrayS ...
- JAVA环境变量安装
需配置的系统环境变量参数: JAVA_HOME:C:\Program Files\Java\jdk1.8.0_60 CLASS_PATH: ;%JAVA_HOME%\lib;%JAVA_HOME%\l ...
- IP及DNS设置(Netsh)
#根据连接状态查找使用中网卡gwmi win32_networkadapter -filter "NetConnectionStatus = 2"#根据是否配置网关查找使用中网卡$ ...
- Mysql学习---全国省市区以及邮编数据库
更多下载
- 设计模式:桥接(Bridge)模式
设计模式:桥接(Bridge)模式 一.前言 写到这里,基本上就是对前面几种模式的扩展和区别了,可以看到我们前面的几种模式,很多时候都出现了重叠,这里要分清一个概念,模式并不是完全隔离和独立的,有 ...
- LambdaToSql(轻量级ORM) 入门篇 开源项目
为什么开发(背景) 最开始使用的是 sqlDbHelper,有微软的,有自己写的. 后来开始使用比较成熟的框架开发,使用过一段时间的Hibernate,后期主要使用 Entity FrameWork. ...
- 如何给SAP C4C的产品主数据division配置出新的下拉选项
如图:C4C产品主数据division字段默认的下拉菜单选项: 切换成调试模式,找到UI这个字段绑定的模型字段名称:/Root/MaterialDivision: 再找到这个UI模型字段绑定到的cor ...
- 028class_part2
1.成员修饰符 2.特殊成员 3.metaclass,类的祖宗 ###成员修饰符###公有和私有 #__author:_nbloser #date:2018/1/19 #私有类.对象成员 ...