Monday, March 19th, 2007
Fancy Menu: CSS and JS fun
Category: Examples
, JavaScript, Library, Showcase
Guillermo Rauch is a sixteen year old hacker who created a fancy menu using CSS and JavaScript based on mootools.
You can use his SlideList and attach away.
JAVASCRIPT:
-
-
window.addEvent('domready', function() {
-
new SlideList($E('ul', 'fancymenu'), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }});
-
});
-
Now you too will have people right clicking on the menu thinking they can Zoom Out ;)
4.2 rating from 54 votes
Wow man. A hacker really? Hahah everyone at that age thinks they are some 1337 haxxor. I mean come on. Very cool script by the way.
Very well written tutorial for a cute effect :)
This is news? A friend of mine has been using exactly the same effect for a long long time (at least a year or two):
http://www.raychung.com
@Arjan:
To be fair, your friend’s is not nearly as smooth.
@trevor
I don’t see any difference at all in smoothness here. But even if there was a difference, that’s not exactly my point. If I recreated this same menu, but in vertical, would you consider that news too?
And it’s not about trying to give my friend credits either, he didn’t create the script himself. He used the Thirteenth Parallel Toolkit library (from 2005).
Calm down, Arjan. Not everything on Ajaxian is groundbreaking.
Looks great, down with flash nav bars!
Cool idea, but a bit slow and clunky in firefox2….
I want to check it out, but the link has been broken for 2 days.