Comments on: Create Snook-Style Navigation Using MooTools

By: Rasul

Rasul — Sun, 20 Jun 2010 19:47:15 +0000

Hi David;

if one of “Li”s (first li, for exmple) has “current_page_item” class (class=”current_page_item”) like wordpress menu; how can I disable events for it?

Thanks.

By: Roark

Roark — Mon, 05 Apr 2010 09:11:49 +0000

@William I have the same problem as you, Joomla bounds me to the confines of 1.11,
I needed the same effect and used fx.styles. seemed to work ok in ie6:
var gallery_a = $$(‘#slideshow ul li a’);
gallery_a.each(function(element) {
var fx = new Fx.Styles(element, {duration: 300, wait: false, transition: Fx.Transitions.Sine.easeIn});
element.addEvent(‘mouseenter’, function(){
fx.start({
‘background-position’: ['290px 0px', '253px 0px'],
‘padding-right’: ['0px','50px']
});
});

element.addEvent(‘mouseleave’, function(){
fx.start({
‘background-position’: ['253px 0px', '290px 0px'],
‘padding-right’: ['50px','0px']
});
});
});

By: William

William — Fri, 18 Sep 2009 17:18:05 +0000

@David Walsh: I know :( However, my site runs on joomla and it’ll be a lot of backward coding if I upgrade. The 1.1 layer doesn’t work with half of my scripts running on the site now.

By: David Walsh

David Walsh — Fri, 18 Sep 2009 17:07:54 +0000

William: 1.1 is almost 2 years old now — time to upgrade?

By: William

William — Fri, 18 Sep 2009 17:07:02 +0000

Ya I’ve been trying to do it with mootools 1.1 too. Background-position gives an error that saids ‘push’ is null or not an object. Help~~

By: Xavi

Xavi — Sat, 29 Aug 2009 11:54:42 +0000

Can you do it with mootools 1.1?

I’ve been trying with fx.styles but I get an error with IE when I try to change “background-position”, other properties work fine!!!

have you got any ideas?

By: matteo

matteo — Wed, 15 Jul 2009 18:31:48 +0000

Hello, on my site don’ t work with opera and firefox! but with ie and chrome work…

By: John Dupras

John Dupras — Sat, 30 May 2009 01:44:02 +0000

Hi David,

Is there anyway to keep the “hover” state active, until you click on one of the other links?

By: Adam Winogrodzki

Adam Winogrodzki — Sun, 19 Apr 2009 20:32:46 +0000

wow…. this is awesome.. i like the second demo…

By: nunzio fiore

nunzio fiore — Fri, 10 Apr 2009 08:20:35 +0000

Hi David,
i was looking another time this post, ‘because i like a lot it… i suggest you an idea… you can optimize the third animation using two senses of horizontal transition.. in this way if i arrive from the link to the left it seems that the blue band follow me, and the same if arrive to the link on center from the right link… like you in this moment

what do you think about it? I’m interested on your opinion because I’m thinking if it’s better to use a DIV that follow my mouse movement (like an arrow that I’m developing for a web site in these days) or using this trick CSS/JS can be a good idea …