drag and share
  • Twitter
  • Delicious
  • Facebook
  • Digg
  • Reddit
  • Stumbleupon

Fancy menu, CSS + javascript power

By: OSH Editorial    In: CSS Menu MooTools

Karma - Responsive bootstrapped webapp

When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style as tabs. Lately, such navbars are everywhere, as many people believe they’ll make their site more Web 2.0-compatible.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.

x

Personally, I just think they’re semantically better and accessible.


In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

See a demo here

Written by: OSH Editorial

No Bio yet...

Share this Story

If you enjoyed reading, consider sharing the love with the rest of the world.

1 Comment

Pete Merrill

August 5, 2009

This was helpful but i am not going to use it on my website.
thanks for the tips though

http://www.thirdie.com

1,330 members +

Add Your Comment

Your name

August 21, 2017

We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!