打賞功能的實現

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便可。