Comments on: Fancy Navigation with MooTools JavaScript

By: David Walsh

David Walsh — Thu, 24 Sep 2009 12:33:09 +0000

Really awesome Chris! Not as subtle as I like but I think it would appeal to many others.

By: David Walsh

David Walsh — Thu, 24 Sep 2009 12:32:39 +0000

Awesome Chris!

By: Chris van Rensburg

Chris van Rensburg — Thu, 24 Sep 2009 07:05:57 +0000

You might find these menu effects compelling, built using the UIZE JavaScript Framework…

http://www.uize.com/examples/hover-fader-color-effects.html

By: gus

gus — Tue, 21 Apr 2009 15:31:36 +0000

Forgive me, but I’m having a hard time finding an example of the plugin in action on this page. Wouldn’t it be a good idea to simply show folks what the working result looks like? Because I’m certainly not going to invest time setting this all up if it’s just on the hope that it’s exactly what I’m looking for.

By: Martin

Martin — Sat, 24 Jan 2009 17:46:28 +0000

I think there might be problems with opera 9.6.
The highlight effect doesn`t work.

By: Dave

Dave — Tue, 16 Sep 2008 15:38:57 +0000

A similar effect in jQuery:

$(“.nav”).hover(function(){
$(this).fadeOut(0);
},function(){
$(this).fadeIn(“slow”);
})

Though to do it properly you really need http://plugins.jquery.com/project/color

By: Eric Wendelin

Eric Wendelin — Tue, 16 Sep 2008 14:44:05 +0000

Still a lot of coolness for such a little function :)

By: david

david — Tue, 16 Sep 2008 14:08:11 +0000

@Steinmann: Awesome idea, I have no idea how I missed that. I must be working to much lately…

By: Steinmann

Steinmann — Tue, 16 Sep 2008 14:02:14 +0000

Why not

$$(’.nav a’).addEvents({
mouseenter: function(){
$(this).highlight($(this).getStyle(’background-color’),’#333′);
},
mouseleave: function(){
$(this).highlight($(this).getStyle(’background-color’),’#000′);
}
});

By: andrei009

andrei009 — Tue, 16 Sep 2008 12:42:58 +0000

the good/short code

$$(‘a.nav’).addEvents({
mouseenter: function(){
$(this).highlight($(this).getStyle(‘background-color’),’#333′);
},
mouseleave: function(){
$(this).highlight($(this).getStyle(‘background-color’),’#000′);
}
});