JavaScript Suche "weichen" Hover

-Crysis- · 7. November 2011

Hallo Freunde!

Meine Seite wird derzeit programmiert und ich brauche unbedingt einen "weichen" Hover effekt.

Bei mir klappt es leider nicht ganz so wie gewollt.

z.B.:

Button hat 20% Deckkraft.

Ich geh mit der Maus über den Button.

Und dann soll er als Hover 40% Deckkraft haben, jedoch soll er weich von diesen 20% auf diese 40% aufsteigen.

Danke vielmals im Voraus
Liebste Grüße
OLI

gopeter · 7. November 2011

Binde jQuery ein und nutze z.B. folgendes:

Code:

$('#element').hover(function(){
	// Mouseover Zustand
	$(this).animate({'opacity':'0.4'});
},function(){
	// Mouseout Zustand
	$(this).animate({'opacity':'0.2'});
});

Ich hoffe ich hab mich ned vertippt

OhNoIKilledMyHD · 7. November 2011

jquery framework ok?
Dann lies mal hier: http://bavotasan.com/2009/creating-a-jquery-mouseover-fade-effect/

JSFX wäre auch eine Option:
http://www.jsfx.com/fade_rollovers/general_help/help.html

So ganz ohne Framework und manuell müsste eingegrenzt werden, in welchen Browsern/Versionen das dann laufen soll. Könnte man über einen Timer lösen, der alle paar ms aufgerufen wird und sobald er vollständig ist, sich selbst deaktiviert.

-Crysis- · 7. November 2011

Ich hab es mal den Programmierer zugeschickt... Danke

Hoffentlich hilft ihm das und er löst das Problem. Ich sag dann nochmal bescheid!

mercsen · 8. November 2011

ansonsten einfach mit setTimeout(function, sleep); eine schleife starten die sich solange selber aufruft bis eine opacity von 0.4 ereicht wurde,

Suche

JavaScript Suche "weichen" Hover

-Crysis-

Banned

gopeter

Lieutenant

OhNoIKilledMyHD

Lieutenant

-Crysis-

Banned

mercsen

Lt. Commander

Ähnliche Themen