JavaScript:hover

[Liberty1000]

Hallo,

ich würde gerne ein Panel für meine Seite erstellen. Alles funktioniert auch, AUßER die "hover" werte. Ich weiß, dass es im JavaScript kein "hover" gibt, doch ich weiß nicht, was ich anstelle des "hover" eintragen soll.

    $('.color').click(function(){
        var color=$(this).css('background-color');
        $('.current a').css('color', color);
        $('#content p a').css('color', color);
        $('.article-title').css('color', color);
        $('.article-title a').css('color', color);
        $('.recent-articles a').css('color', color);
        $('.pages .current').css('color', color);
        [B]$('.pages a:hover').css('color', color);[/B]
        [B]$('#nav li a:hover').css('color', color);[/B]
        $('#gallery-nav .current').css('color', color);
        [B]$('#gallery-nav a:hover').css('color', color);[/B]
    });

Danke schonmal für eure Hilfe! :)

MfG
Liberty

 

[Cheffchen]

Hallo wieder,

das geht natürlich nicht, deswegen hatte ich ja beim letzten schon geschrieben das es besser ist anstelle 10 sachen zu ändern, wo bestimmt 5 vergessen hast lieber einmal eine classe zu ändern zb im body tage und dann ist der rest in der css fest hinterlegt.

hilft vielleicht: http://api.jquery.com/addClass/

Cheffchen

 

[NE4Y]

Ich weiß, dass es im JavaScript kein "hover" gibt

.hover() – jQuery API

 

[Cheffchen]

Hallo @NE4Y,

die paar codzeilen oben hast dir nicht angeschaut wa!
er sucht nach was ganz anderen, er sucht nicht nach jquery hover sondern nach "#gallery-nav a:hover" oder eine alternative die funzt :O)

Cheffchen

 

[Sentence]

die paar codzeilen oben hast dir nicht angeschaut wa!
er sucht nach was ganz anderen, er sucht nicht nach jquery hover sondern nach "#gallery-nav a:hover" oder eine alternative die funzt :O)

Aber dafür ist .hover() doch da cheffchen :)

$(".pages a").hover(
  function () {
    $(this).css("color", color); // hoverfarbe (mouseenter)
  }, 
  function () {
    $(this).css("color", "#000000"); // Standardfarbe (mouseleave)
  }
);

MfG

 

[Banana_Jones]

Aber dafür ist .hover() doch da cheffchen :)


MfG

Es ist ähnlich, aber nicht dasselbe! Dein .hover()-Beispiel setzt einen JS-Event auf den Link. Er hingegen will einfach die CSS-Deklaration für a:hover ändern.
Das ist schon ein Unterschied...

 

[Sentence]

Es ist ähnlich, aber nicht dasselbe!

Natürlich ist es nicht dasselbe, aber die einzige Möglichkeit das css bei hover mittels js zu ändern.

Er hingegen will einfach die CSS-Deklaration für a:hover ändern.

Und das mittels JS... und das geht nunmal nicht anders.

MfG

 

[Banana_Jones]

Natürlich ist es nicht dasselbe, aber die einzige Möglichkeit das css bei hover mittels js zu ändern.

MfG

Mittels JS nicht, das ist richtig, da ist .hover() das Mittel der Wahl. Trotzdem würde ich Cheffchens Methode mit einer neu zugewiesenen Klasse (z.B. im body-tag) und den entsprechenden :hover-Deklarationen präferieren.

 

[NE4Y]

Hallo @NE4Y,

die paar codzeilen oben hast dir nicht angeschaut wa!
er sucht nach was ganz anderen, er sucht nicht nach jquery hover sondern nach "#gallery-nav a:hover" oder eine alternative die funzt :O)

Cheffchen

Hallo Cheffchen,

doch habe ich mir durchgelesen. Ich wollte nur richtig stellen, dass ein hover mit JS moeglich ist. In diesem Hover kann er ja dann die Klasse hinzuguegen mit addClass