Effects on Menu with jQuery
Hello,
i'm very new to jQuery,
and i already tried to animate my css based menu on my website.
i already managed, to fade in and fade out the opacity of the menu
on mouseover and mouseout.
what i like to set,
that the active state stays always at 1.0
this is what i tried
- $("#menu ul li a.active").animate({opacity: "1.0"}, 3000);
-
- $('#menu ul li a:link').animate({opacity: "0.5"}, 0);
-
- $('#menu ul li a:link').mouseover(function(){
- $(this).stop(true, false).animate({opacity: "1.0"}, 300);
- });
-
- $('#menu ul li a:link').mouseout(function(){
- $(this).stop(true, false).animate({opacity: "0.5"}, 300);
Thanks for your help in advance!
Chris