Zum Forum springen
Benachrichtigungen
Alles löschen

Javascript/Jquery

5 Beiträge
3 Benutzer
0 Reactions
541 Ansichten
supersyx1
Beigetreten: 19.08.2010

Hallo ich habe folgendes Problem.

Ich hab auf meiner Website eine dropdown navigationsliste. Wenn man mit der Maus über eines der Elemente fährt, ändert sich die Farbe.

Ich habe nun ungefähr 20 Elemente, denen ich eine ID zugewiesen hab. Jede ID ist unterschiedlich und somit brauche ich auch 20 verschiedene funktionen, welche ich nun alle mühsehlig implementiert hab.

Ausschnitt aus HTML:

  • ABOUT
  • WORK

  • Ausschnitt aus meinem Javascript:

    $("#work").hover(function(){
    $("#work").animate({width:'90px', zIndex:"1",opacity: "1"},200)},
    function(){$("#work").animate({width:'80px',zIndex:"0",opacity: "0.4"},200)
    });

    $("#about").hover(function(){
    $("#about").animate({width:'90px', zIndex:"1",opacity: "1"},200)},
    function(){$("#about").animate({width:'80px',zIndex:"0",opacity: "0.4"},200)
    });

    ....

    Kann Ich nicht einfach abfragen über welchem Element sich die Maus gerade bewegt und diesen Wert dann an meine Funktion hier übergeben, denn ich möchte gerne Redundanz vermeiden.


    Antwort
    Zitat
    4 Antworten
    crt32
    Beigetreten: 17.02.2007

    würde allen links dieselbe klasse geben und dann das darüber machen. ca so:

  • ABOUT
  • WORK

  • $("a.animooted").hover(
    function(){$(this).animate({width:'90px', zIndex:"1",opacity: "1"},200)},
    function(){$(this).animate({width:'80px',zIndex:"0",opacity: "0.4"},200)
    });

    http://jsfiddle.net/tfGX5/


    Antwort
    Zitat
    supersyx1
    Beigetreten: 19.08.2010

    hey, vielen dank schonmal!

    Ich werds gleich mal ausprobieren. Coole Seite btw!

    e: hat geklappt :heart: :heart: :heart: :heart:


    Antwort
    Zitat
    flowIIpoker
    Beigetreten: 14.02.2007

    bringt denn das animate des zindex ueberhaupt was oder muss man das nicht ueber chaining realisieren?


    Antwort
    Zitat
    supersyx1
    Beigetreten: 19.08.2010

    das zIndex hat nichts bewirkt.Ich wollte, dass sich die andern elemente nicht mit verschieben.. hab das aber noch nicht hinbekommen.


    Antwort
    Zitat