打赏功能的实现

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改为绝对路径。

 

 

 

　

上传文件　

最后，把修改好的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:   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便可。