How does this menu work?

Alliance · Jul 23, 2010

Can anyone point me to some tutorials or examples of menu's like the one on this site:

http://www.discountofficeitems.com/

It's the CATEGORY BROWSE sub-menu at the top with the alphabet (not the main one).

If you view the source code, it only loads the links to the letters A, B, C etc... you don't get all the links that appear when you hover over the letters in the source. I assume it loads them through Ajax or something?

Thanks in advance

ServWise · Jul 23, 2010

Ajax would be my bet too.

alphanumeric · Jul 23, 2010

jquery can do this, found a quick guide here:

http://www.yensdesign.com/tutorials/contentajax/

just build up the menu using ul's etc, then load in menu content, that site also changes the hidden state of a div when hovering, but im not sure its needed.

Json · Jul 23, 2010

You can have a look at their Javascript at discountofficeitems.com/js/min-20100719.js

They call a method called categoryBrowse() which seems to initialise the menu.

When I saw this one I thought I'd seen this before, checked my bookmarks and I found this link.

ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx

That might be what you want, it requires jQuery.

Sorry for the links, apparently I cant post links just yet

Search

Search

How does this menu work?

Alliance

ServWise

alphanumeric

Json

Similar threads

Latest Articles