Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the best dropdown navigation alternative to Superfish?

I know superfish is amazing, but the terrible CMS we are using conflicts with it in IE6 (hovers break in IE6 when the CMS applies a selected class to the li). I don't know how, but feel free to look at valitics.com/test1. It can be mootools, scriptaculous, whatever, I just need a good alternative to superfish.

like image 910
brunam Avatar asked Feb 03 '10 23:02

brunam


People also ask

What's the alternative to a drop-down menu?

What’s the alternative? If your drop-down menu consists of 1-2 list items: either promote the links from the drop-down to the top-level navigation items or remove them altogether (for example, removing the Testimonials page from your navigation and website is generally a good idea).

How does Superfish work with hoverintent?

Superfish automatically detects the presence of Brian Cherne’s hoverIntent plugin and uses its advanced hover behaviour for the mouseovers (mouseout delays are handled by Superfish regardless of the presence of hoverIntent). Using this is only an option, but a nice one.

How do I add a menu in Superfish?

Link to the superfish.js file (after including jQuery) using a script tag in the head of your document. Call superfish () on the containing ul element. There are many options available to customise your menu.

How do I create a cross-browser menu using Superfish?

To make this step easy, there are cross-browser CSS files for a variety of menu types included in the Superfish download. Link to the superfish.js file (after including jQuery) using a script tag in the head of your document. Call superfish () on the containing ul element.


1 Answers

Arian's http://mootools.net/forge/p/moodropmenu is quite straight forward. Checkout the newer version of moodropmenu on github.

A year ago I built one my own github.com/eerne/sushi-menu/ . It should work nicely on IE6+ and in css-only mode too. Tab should let you navigate through the menu (currently IE only). Though it was written with MooTools 1.2.2 and I haven't tested it recently.

Looking at valitics.com/test1 I suppose whichever plugin you take, you will need to add some custom code.

IE6 (hovers break in IE6 when the CMS applies a selected class to the li)

This is just a guess, but it sound like some CSS issue that could be fixed with existing script.

like image 106
eerne Avatar answered Oct 28 '22 00:10

eerne