diff --git a/dojo_theme/static/js/dojo/scoreboard.js b/dojo_theme/static/js/dojo/scoreboard.js
index 6b6182410..c69999969 100644
--- a/dojo_theme/static/js/dojo/scoreboard.js
+++ b/dojo_theme/static/js/dojo/scoreboard.js
@@ -16,6 +16,13 @@ function loadScoreboard(duration, page) {
         return response.json()
     }).then(result => {
         scoreboard.empty();
+        $("#scoreboard-control-week").removeClass("scoreboard-page-selected");
+        $("#scoreboard-control-month").removeClass("scoreboard-page-selected");
+        $("#scoreboard-control-all").removeClass("scoreboard-page-selected");
+        if (duration == 7) $("#scoreboard-control-week").addClass("scoreboard-page-selected");
+        if (duration == 30) $("#scoreboard-control-month").addClass("scoreboard-page-selected");
+        if (duration == 0) $("#scoreboard-control-all").addClass("scoreboard-page-selected");
+
         const standings = result.standings;
         if (result.me) {
             if (result.me.rank < standings[0].rank)
diff --git a/dojo_theme/templates/macros/scoreboard.html b/dojo_theme/templates/macros/scoreboard.html
index 5f1c99f8e..65ef3caa4 100644
--- a/dojo_theme/templates/macros/scoreboard.html
+++ b/dojo_theme/templates/macros/scoreboard.html
@@ -1,9 +1,9 @@
 {% macro scoreboard() -%}
 <div class="scoreboard-controls row">
   <p>
-  <a href="javascript:loadScoreboard(7, 1)">周</a> |
-  <a href="javascript:loadScoreboard(30, 1)">月</a> |
-  <a href="javascript:loadScoreboard(0, 1)">全部时间</a>
+  <span id="scoreboard-control-week"><a href="javascript:loadScoreboard(7, 1)">周</a></span> |
+  <span id="scoreboard-control-month"><a href="javascript:loadScoreboard(30, 1)">月</a></span> |
+  <span id="scoreboard-control-all"><a href="javascript:loadScoreboard(0, 1)">全部时间</a></span>
   </p>
 </div>
 <div class="scoreboard row">