前幾天在乙個部落格中看到有乙個打賞功能。其實簡單說來就是在頁面中加入動態dom節點，使用的也是簡單的html、css、js這些前端的一些簡單知識。在github上有開源的**，這裡稍加改造就可以用在自己的部落格中了。
最簡單的使用方式是在頁面中加入如下js**
其中比較重要的是配置有staticprefix，是原作者自己提供的靜態檔案相對路徑，用來存放img和css；list是打賞方式，qrimg是設定打賞方式的***。
接下來是在中使用。先在本地準備好靜態檔案：
js檔案，tctip.min.js；
css樣式檔案，myreward.css；
支付***，ialipay.bmp、iweixin.bmp；
支付方式，alipay.bmp、weixin.bmp；
贊助或者打賞按鈕，tab_4.bmp（對應buttonimageid）。
只能上傳bmp，所以要將其他格式修改，然後在自己的後台上傳檔案，這樣前面的靜態檔案就可以使用剛剛上傳了。
當然如果只是這樣就完了，還是沒有看作者的源js**，事實是不修改一下原始碼也無法使用的，其實主要是檔案路徑設定的問題。
開啟js原始碼，不是壓縮的原始碼哦，除非你看的不眼花，也沒人攔你的。
myconfig : ,
原來的cssurl是/css/myrewards.css，因為上傳的檔案沒有資料夾，所以去掉css。可能大家想到了，img也有一樣的問題。
listconfig:,'tenpay' : ,
'bitcoin' : ,
'litecoin' : ,
'dogecoin' :
},
buttonimageurl: function(),
支付按鈕的路徑，同樣修改返回的相對路徑。
這樣在後台的設定頁面，在頁首html處新增上面的配置檔案就可以了。
謝謝原作者開源和無私精神---參考：
關鍵字：js外掛程式,打賞
給自己的部落格園新增打賞（贊助）功能
現在比較流行打賞功能，很多應用或者部落格都有自己的打賞功能，但是目前還沒有該功能，那麼如何給自己的部落格新增打賞功能呢？當然是越簡便越好了，然後就發現了乙個第三方打賞外掛程式，介紹給大家，使用上非常便捷。外掛程式叫tctip，大家可以在github 上獲取。外掛程式的原理其實也很簡單，通過js生成乙...
前端寫分頁 用了自己同事寫的外掛程式
記錄一下 首先需要在頁面上引用分頁的js 1 分頁外掛程式 2 function 89 document ready function 1213 預設分頁的配置 14var pagingconfig 20 beforesuccess undefined,21success ajaxsuccess,2...
給自己的部落格上新增個flash寵物外掛程式
最近在一些博主的部落格上看到一些小寵物的掛件，很有趣，訪客到了 後可以耍耍小寵物，增加 的趣味性，在功能強大的部落格系統上看到有這樣的小寵物掛件還是蠻有趣的。下面就簡單介紹下如何在的部落格中新增這些可愛的flash動物外掛程式。1.由於這些可愛的 flash 小寵物來自乙個國外大神的 名字叫 abo...