Welcome to the David Walsh Blog. I'm a MooTools, Dojo, jQuery, CSS, and PHP Web Developer located in Madison, Wisconsin, United States. Please contact me if I can make your experience on my website better.

NetTuts: Sexy Animated Tabs Using MooTools

6 Responses »

I've just released my third NetTuts post: http://net.tutsplus.com/tutorials/javascript-ajax/sexy-animated-tabs-using-mootools/ . From the post:

One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping.

Go over to NetTuts and check it out!

Discussion

digitalbart
January 18, 2010 @ 2:38 pm
Great tutorial, I know you are a moo tools guru, but it would be a cool do a j-query version of this maybe… at somepoint (fingers crossed).
Reply
alex
January 19, 2010 @ 12:42 pm
Nice one David, great tutorial. really great!
Reply
michael rijsdijk
January 24, 2010 @ 6:02 pm
Hey David, sleek simple little effect :)
What I noticed though, is when I switch off javascript it does still work however it is really slow. From click to action about 4-5 sec.
I used Firefox 3.5.7 and switched javascript off in the browser itself, not the webdeveloper toolbar or something similar.
Greets
Reply
martin
January 27, 2010 @ 10:37 am
Hi David!
Could you help me with this script?
I need the possibility to “open/close” the tabs – and that all tabs are closed at the beginning when the Site loads…
Please!!! I really need help with this!!!
Thank you!!
Reply