diff --git a/src/main/resources/templates/common/header.ftl b/src/main/resources/templates/common/header.ftl
index d7eaa9c..a5fa8da 100644
--- a/src/main/resources/templates/common/header.ftl
+++ b/src/main/resources/templates/common/header.ftl
@@ -19,7 +19,13 @@
         </ul>
         <div class="am-topbar-right">
             <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
-                <li style="margin-top: -10px"><marquee align="left" behavior="scroll" direction="left" height="20" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"><a href="${base}/project/listApprove" target="mainFrame">${hasApproveProjectsMessage!""}</a></marquee></li>
+
+                <li id="marqueeLi"  style="margin-top: -10px">
+                    <marquee align="left" behavior="scroll" direction="left" height="20" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
+                        <a onclick="return removeMarquee()" href="${base}/project/listApprove" target="mainFrame">${hasApproveProjectsMessage!""}</a>
+                    </marquee>
+                </li>
+
                 <li style="margin-top: 15px"><span style="color: red;">${message!""}</span></li>
                 <li class="am-dropdown" data-am-dropdown>
                     <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
@@ -37,3 +43,9 @@
         </div>
     </div>
 </header>
+<script>
+    var removeMarquee = function () {
+        $("#marqueeLi").addClass("am-hide");
+        return true;
+    }
+</script>