diff --git a/images/wx.jpg b/images/wx.jpg
new file mode 100644
index 0000000..ad22c4a
Binary files /dev/null and b/images/wx.jpg differ
diff --git a/images/zfb.jpg b/images/zfb.jpg
new file mode 100644
index 0000000..ce88c7a
Binary files /dev/null and b/images/zfb.jpg differ
diff --git a/index.html b/index.html
index 7b0c139..3d61428 100644
--- a/index.html
+++ b/index.html
@@ -112,7 +112,7 @@
         </div>
         <!--底部信息-->
         <div class="layui-footer">
-            Copyright ©2018 ok-admin v1.0 All Rights Reserved
+            Copyright ©2018 ok-admin v1.0 All Rights Reserved <button class="layui-btn layui-btn-danger layui-btn-xs">捐赠作者</button>
         </div>
     </div>
     <!--js逻辑-->
diff --git a/js/okadmin.js b/js/okadmin.js
index 03ce261..7e1932d 100644
--- a/js/okadmin.js
+++ b/js/okadmin.js
@@ -1,6 +1,7 @@
-layui.use(['element', 'jquery', 'code'], function () {
+layui.use(['element', 'jquery', 'code', 'layer'], function () {
     var element = layui.element;
     var $ = layui.jquery;
+    var layer = layui.layer;
     // 引用code方法
     layui.code({about: false});
 
@@ -44,6 +45,22 @@ layui.use(['element', 'jquery', 'code'], function () {
         // 切换选项卡
         element.tabChange("ok-tab", tabId);
     });
+
+    /**
+     * 捐赠作者
+     */
+    $(".layui-footer button").click(function () {
+        layer.tab({
+            area: ["330px", "350px"],
+            tab: [{
+                title: "支付宝",
+                content: "<img src='images/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
+            }, {
+                title: "微信",
+                content: "<img src='images/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
+            }]
+        });
+    });
 });