Autor |
Nachricht |
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 20.10.2008 22:26
Titel [JS/CSS] CSS-Hover mit JS animieren? |
|
|
Hey ihr,
kann man mit JS ein CSS-Hover animieren? Ich möchte das Hover einfach nur langsam einfaden lassen und ausfaden lassen, dafür aber keinen extra JS (mit css redunanten) code verwenden.
Tipps, lösungsvorschläge willkommen...
Smooth
|
|
|
|
|
xBe
Dabei seit: 04.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 20.10.2008 22:30
Titel
|
|
|
ich habe nun sowas gefunden, ist das das was du suchst?
fade in an out
|
|
|
|
|
Anzeige
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 20.10.2008 22:42
Titel
|
|
|
Verstehe ich es richtig dass du von einer zur anderen CSS Eigenschaften morphen möchtest?
Um welche Eigenschaften geht es denn?
Zuletzt bearbeitet von status4 am Mo 20.10.2008 22:43, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 20.10.2008 22:49
Titel
|
|
|
status4 hat geschrieben: | Verstehe ich es richtig dass du von einer zur anderen CSS Eigenschaften morphen möchtest?
Um welche Eigenschaften geht es denn? |
Es geht darum ein Menühover zu animieren, also im Endeffekt von div#menu li{} aus div#menu li:hover{} z.B. zu faden.
:hover hat dabei eine andere background-color die soll eingeblendet werden (js) nicht nur überlagert werden(css).
Am besten wäre eine Möglichkeit mit JS-Bibliotheken wie mootools, Frameworks gehen auch. Einfach mal posten.
Konnte bisher getrost auf sonen Kram verzichten, nun brauch ichs halt doch mal. Auch wenns mir nicht gefällt.
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
|
|
|
|
Smooth-Graphics
Threadersteller
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 20.10.2008 23:01
Titel
|
|
|
Danke dir, das erste ist schon gut. Ich denke aber, dass mootools eh noch benötigt wird, von dem her muss ich mich mal da einarbeiten. (Wieso ist der Code mit Anltiung eigtl nicht mehr auf der Webseite direkt )
Danke!
|
|
|
|
|
xBe
Dabei seit: 04.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 20.10.2008 23:43
Titel
|
|
|
Smooth-Graphics hat geschrieben: |
Danke dir, das erste ist schon gut. Ich denke aber, dass mootools eh noch benötigt wird, von dem her muss ich mich mal da einarbeiten. (Wieso ist der Code mit Anltiung eigtl nicht mehr auf der Webseite direkt )
Danke! |
klick mal auf 1.1 da skommst du zum alten design, da steht alles noch
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 20.10.2008 23:48
Titel
|
|
|
xBe hat geschrieben: | klick mal auf 1.1 da skommst du zum alten design, da steht alles noch |
Da hat sich aber einiges geändert. Aber es ist wirklich keine schwere Sache.
Code: | $('DasElementWelchesSichVerändernSoll').morph('#einSelector.foobar); |
Hier findest du Beispiele:
http://www.mootorial.com/wiki/mootorial/06-fx/02-fx.morph
Zuletzt bearbeitet von status4 am Mo 20.10.2008 23:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
hover-Button/hover-Bild wird darunter eingefügt
Bild animieren..
Seitwärtsbewegung animieren
Linien Animieren
Buttonreihe animieren
Mauszeiger animieren
|
|