2016-04-24 42 views
-3

我想知道如何才能讓它在我的導航欄上按鈕保持活動狀態(在這種情況下,不同的背景顏色),而用戶仍然在該頁面上,當他們訪問另一個頁面時切換,以便他們知道他們在哪裏每時每刻?如何設置鏈接狀態,直到用戶訪問另一個頁面?

是不是很簡單,我不知道或需要一些JavaScript之類的?

感謝您的閱讀!

+0

您是使用任何類型的後端或只是靜態HTML頁面? – Aziz

+0

只是靜態的HTML。這是一個新項目,我仍然在學習:) –

+0

你的意思是像「麪包屑」?請參閱:[Bootstrap - Breadcrumbs](http://getbootstrap.com/components/#breadcrumbs) – Roberto

回答

-1

你的意思是這種效應?

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <script src="https://code.jquery.com/jquery-2.2.3.min.js" charset="utf-8"></script> 
     <style> 
      .title{ 
       float: left; 
       background-color: #51D7FF; 
       margin-right: 10px; 
       width: 80px; 
       text-align: center; 
      } 
      .current{ 
       background: #4DFFE4; 
      } 
     </style> 
     <script> 
      $(document).ready(function(){ 
       var myDate = new Date(); 
       $('.title1').addClass('current'); 
       $('.title').click(function(){ 
        $(this).addClass('current'); 
        $(this).siblings().removeClass('current'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div class="title title1">title1</div> 
     <div class="title title2">title2</div> 
     <div class="title title3">title3</div> 

    </body> 
</html> 
+0

當用戶輸入另一個靜態HTML頁面時,這是如何保存的?我認爲你需要設置cookie或嘗試別的。 – Aziz

+0

@Aziz也許它可以使用Ajax :) – viosey

相關問題