Die Hervorhebung der aktuellen Seite, link mit JSP
Ich habe eine jsp-Seite mit einigen links in es.
<div id="menu">
<span></span>
<ul class="nav">
<li class="top_border"></li>
<li class="item3"><a href="">Polos</a></li>
<li class="item4"><a href="">Blouses</a></li>
<li class="item5"><a href="">Sweaters</a></li>
<li class="item6"><a href="">Pants </a></li>
<li class="item7"><a href="">Jeans</a></li>
<li class="item8"><a href="">Jackets</a></li>
<li class="item9"><a href="">Footwear</a></li>
</ul>
</div>
Ich geschrieben haben Stil für diese wie unten
ul.nav li a:hover {
background: #ebebeb url(images/border.png) no-repeat;
color: red;
padding: 7px 15px 7px 30px;
}
Wenn ich den Mauszeiger darüber schweben, wechselt die Farbe und wenn ich auf diesen link der entsprechenden Seite für diesen link öffnet. Nach, dass es normal wird wie vorher. Ich möchte, dass der Stil auf den link der aktuellen Seite. Wie kann ich es tun? Ich bin mit JSP hinter sich.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den Weg für die, die es tun in der JSP :
Müssen Sie nur sicher sein, Sie haben den rechten Weg. Ich schlage vor, dass Sie die Ausgabe direkt
${pageContext.request.requestURI}
in Ihre Seite, nur um zu sehen, was Sie bekommen und stellen Vergleiche entsprechend.Nach, dass Sie nur noch erklären, dass ein CSS-Klasse :
Ich auch empfehlen Sie alle Ihre links in einigen
List
- und nicht einer iteration zu Rendern-Menü, da brauchen Sie nicht zu wiederholen, dass code. Sie haben JSP hinter sich, es zu benutzen!style
undvisited
und verwendethtml
als ein tag. Die Menschen sollten über das hinausgehen, die Wörter und erklären Sie die Konzepte für den Anfänger-Entwickler. Wir sollten nehmen Sie sich die Zeit und Lesen Sie kurz, statt hetzen, um die Stimmen. Ich habe nie verwendet, jsp und können nicht überprüfen, ob Ihre Antwort richtig ist. Ich von Ihnen positiv bewertet werden, dass es zu du hast die Frage. Ich modifizierte die Frage auf Titel, um Sinn zu machen, aber die Leute sind immer noch posting CSS-Lösungen und DOM Manipulatoren!Versuchen, diese
Alternative jquery-Lösung
Jetzt können Sie fügen Sie css -
a:visited
. Es geht um die Hervorhebung der aktiven Seite mit einer Klasse. Das original-poster missbraucht die Worteactive
undstyle
während alles, was er braucht, ist die änderung seiner jsp-code... that visited link to stay till i click some other link...
so, Bis, nicht für immer.