2016-04-24 9 views
-3

Ich frage mich, wie ich es so machen könnte, dass eine Schaltfläche auf meiner Navigationsleiste aktiv bleibt (in diesem Fall eine andere Hintergrundfarbe), während der Benutzer auf dieser Seite bleibt und wechselt, wenn sie eine andere Seite besuchen jederzeit?Wie setze ich den Verbindungsstatus so, dass er verbleibt, bis der Benutzer eine andere Seite besucht?

Ist es etwas einfaches, das mir nicht bekannt ist, oder würde es etwas JavaScript oder dergleichen erfordern?

Danke fürs Lesen!

+0

Verwenden Sie irgendeine Art von Backend oder nur statische HTML-Seiten? – Aziz

+0

Nur statisches HTML. Es ist ein neues Projekt, und ich lerne immer noch :) –

+0

Sie meinen so etwas wie eine "Brotkrume"? Siehe: [Bootstrap - Breadcrumbs] (http://getbootstrap.com/components/#breadcrumbs) – Roberto

Antwort

-1

Meinst du diesen Effekt?

<!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

Wie wird dies gespeichert, wenn der Benutzer eine andere statische HTML-Seite eingibt? Ich denke, Sie müssen Cookies setzen oder etwas anderes versuchen. – Aziz

+0

@Aziz Vielleicht kann es Ajax verwenden :) – viosey

Verwandte Themen