Update 4.5 页面设计.md

将book中与footer.ejs中对应的代码修改为一致。
Yuj1010 · Jun 2, 2017 · 4756e77 · 4756e77
1 parent 53cc0de
commit 4756e77
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/book/4.5 页面设计.md b/book/4.5 页面设计.md
@@ -158,14 +158,25 @@ a:hover {
 
 ```
   <script type="text/javascript">
-    // 点击按钮弹出下拉框
-    $('.ui.dropdown').dropdown();
-    // 鼠标悬浮在头像上，弹出气泡提示框
-    $('.post-content .avatar-link').popup({
-      inline: true,
-      position: 'bottom right',
-      lastResort: 'bottom right',
-    });
+   /* 使通知框延时自动从页面删除 */
+   $(document).ready( function () {
+      // 延时清除掉成功、失败提示信息
+      if ($('.ui.success.message').length > 0) {
+        $('.ui.success.message').fadeOut(1000)
+      } else if ($('.ui.error.message').length > 0) {
+        $('.ui.error.message').fadeOut(1000)
+      }
+      
+      //  点击按钮弹出下拉框
+      $('.ui.dropdown').dropdown();
+      
+      // 鼠标悬浮在头像上，弹出气泡提示框
+      $('.post-content .avatar-link').popup({
+        inline: true,
+        position: 'bottom right',
+        lastResort: 'bottom right'
+      });
+    })
   </script>
   </body>
 </html>