Linkformatierung jQuery

  • Linkformatierung jQuery

    Hallo Leute!

    Gerne hätte ich gewusst wie folgendes funktioniert:
    Man hat 3 Links. Beim Aufmachen einer Seite ist der 1.Link mit einer gelben Farbe hinterlegt. Bewege ich die Maus über den 2. oder 3.Link, dann soll die gelbe Markierung mitwandern. Nehme ich die Maus von einem der 3 Links weg, dann bleibt der 1.Link weiterhin markiert. Wenn ich nun auf den 2.Link (oder 3.) klicke, dann soll der 2.Link mit gelber Farbe markiert werden und die Markierung vom 1.Link verschwinden.

    Kann mir einer helfen? Vielen Dank im Voraus!

    Surfer

  • meinst du wie bei meiner Seite blue-coding.de ? das geht mit css z.B.

    current ist das was du an geklickt hast
    und hover das wo du mit dem Zeiger drüber fliegst

    hier ein Ausschnitt meiner CSS Datei

    Quellcode

    1. #headnavi a:link, #headnavi a:visited {
    2. background: url(../images/tpl1/menue1.jpg);
    3. color: #1a57bc;
    4. text-decoration: none;
    5. padding-bottom: 0px;
    6. }
    8. #headnavi a:hover {
    9. background: url(../images/tpl1/menue1.jpg)
    10. /* hier wird das Image verschoben */
    11. 0px -44px no-repeat;
    12. color: #4adfff;text-decoration: none;
    13. }
    15. #headnavi a#current {
    16. background: url(../images/tpl1/menue1.jpg)
    17. /* hier wird das Image verschoben */
    18. 0px -44px no-repeat;
    19. color: #1a57bc;text-decoration: none;
    20. }
    Alles anzeigen
    Neue Seite online :) www.server-aufsetzen.info

    Ich nehme kleine Jobs an PHP, HTML, CSS, BASH Bezahlung durch Banner Tausch möglich. Bei Interesse PN oder Kontakt Formular auf Blue-Coding.de

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von remirare ()

  • Da du ja schon in der Überschrift jQuery mitreingenommen hast, würde ich es halt damit machen:

    1. Alle Menüpunkte bekommen eine Klasse z.B. "menupunkt"
    2. Der aktuelle Tab bekommt bei Seitenreload (per PHP) die Klasse "current" zugewiesen, wie es remirare schon erklärt hat (am besten nimmst du die Klasse current und nicht die Id!).
    3. Nimmst du folgenden jQuery-Code:

    Quellcode

    1. $(".menupunkt").click(function() {
    2. $(".menupunkt").each(function() {
    3. $(this).removeClass("current");
    4. });
    5. $(this).addClass("current");
    6. });


    Das dürfte es ungefähr sein, bin nicht allzu geübt mit jQuery!

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von bYemma ()