打赏功能的实现

打赏功能的实现

github地址:https://github.com/greedying/tctip

先上传文件

css样式文件:myReward.css

支付二维码

支付方式图片

css引用的图片

打赏或者赞助按钮图片

注意把图片格式改成bmp,博客园只支持bmp格式的图片

修改js源代码并上传

为什么要修改js源代码,因为博客园的文件是不包含文件夹的,文件只有一个地址,输入文件地址即可查看文件

打赏功能的实现

上面这个要把img去掉

 同时如果我们要用到其中的某几个比如说支付宝和微信,我们必须把这个路径改成它们的绝对路径

 

打赏功能的实现

上面这个得把css去掉

 buttonImageId对应的是你上传的文件名称的结尾数,比如上面的是值是3,buttonTip是打赏,那么对应的你需要上传的是打赏文件夹下的tab_3.png(要改成bmp)

当然,我们不需要在js改这个参数配置,因为这些都是可以配置的。只需要把css去掉就同时css改成绝对路径。

 

 

打赏功能的实现

由于我们使用固定的打赏样式,所以,这里直接改成我们选中的那个样式

1
2
3
4
buttonImageUrl: function(){
                
var id = tctip.myConfig.buttonImageId;
                
var tip = tctip.myConfig.buttonTip;
                
return
tctip.imageUrl(
"http://files.cnblogs.com/files/JAYIT/tab_3.bmp"
);//我选的是这个样式,注意 要用文件的绝对地址

1
 

 

上传文件 

最后,把修改好的js上传上去

引用js,添加配置文件

1
2
3
4
5
6
7
8
9
10
11
12
<script>
    
window.tctipConfig = {
        
imagePrefix:
"图片文件的相对路径"
,
//这个可以为空
        
cssPrefix:    
"样式文件的相对路径"
,
//这个也可以为空
        
//staticPrefix: "http://static.tctip.com",
        
buttonImageId:
4
,
        
buttonTip:   
"dashang"
,
        
list:{
            
alipay: { qrimg:
"支付宝二维码绝对路径"
},
            
weixin: { qrimg:
"微信二维码绝对路径"
},
        
}};
</script>

1
<script type=
"text/javascript"
src=
"http://files.cnblogs.com/files/JAYIT/tctip.js"
></script>

1
<script type=
"text/javascript"
src=
"http://files.cnblogs.com/files/JAYIT/qrcode.js"
></script>

不引用它的压缩版就需要引用上面两个js

最后记得把css的样式改下,里面引用了三个图片,有两个我找到了要传到博客园里面,然后在css文件里面引用图片绝对路径,然后把css上传上去然后引用css即可。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/112601.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 双系统轻松卸载Vista系统攻略

    双系统轻松卸载Vista系统攻略☆使用DaemonTools加载Vista光盘映像(或者放入Vista光盘)  ☆打开“运行”(开始〉运行),输入cmd  ☆输入X:(X代表你的虚拟光驱盘符)  ☆输入cdboot  ☆输入bootsect/nt52SYS(使用启动修复程序改变系统盘启动管理器)  ☆重新启动,Vista的启动管理器已经消失了  ☆删除在启动盘中的:

    2022年10月12日
  • 逆波兰法表示的表达式_波兰表达式和逆波兰

    逆波兰法表示的表达式_波兰表达式和逆波兰根据 逆波兰表示法,求表达式的值。有效的算符包括 +、-、*、/ 。每个运算对象可以是整数,也可以是另一个逆波兰表达式。说明:整数除法只保留整数部分。给定逆波兰表达式总是有效的。换句话说,表达式总会得出有效数值且不存在除数为 0 的情况。 示例 1:输入:tokens = [“2″,”1″,”+”,”3″,”*”]输出:9解释:该算式转化为常见的中缀算术表达式为:((2 + 1) * 3) = 9示例 2:输入:tokens = [“4″,”13″,”5″,”/”,”+”]输

  • goland激活码【2021免费激活】

    (goland激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • c#FileStream文件读写.以及filestream,file和FileInfo的区别

    c#FileStream文件读写.以及filestream,file和FileInfo的区别//C#文件流写文件,默认追加FileMode.Append            stringmsg="okffffffffffffffff";           byte[]myByte=System.Text.Encoding.UTF8.GetBytes(msg);           using(FileStreamfsWrite=newFileStream(…

  • 万物互联时代,警惕黑客“帮凶”

    万物互联时代,警惕黑客“帮凶”

  • matlab函数plot函数_动态变量

    matlab函数plot函数_动态变量引子对于真实系统或者仿真平台,数据是增量式的产生的。Matlab除了强大的矩阵运算外,还具有强大的数据可视化库。由于静态画图的方法较多,本文只针对增量式数据流的动态显示。本文主要介绍几种Matlab实现数据的动态显示方法。方法主要有两种:holdonset函数与drawnow函数组合holdon方法1.方法介绍此种方法比较原始,适合于即时数据,原理是先画上一帧,接着保留原始图像,

    2022年10月10日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号