Previous Message
Next Message

How do you create this multicolumn dropdown menu?

Sent by Paul Novitski on 21 May 2007 16:04

At 5/21/2007 07:38 AM, John Lee wrote:
>Does anyone know how to create the dropdown menu on this site
>(rollover the "Artist" selection in the main nav):
>I'm guessing that this is some sort of styled/modified suckerfish
>dropdown but I haven't been able to find out how to do it. If anyone
>can provide some direction that would really be great.

If you view the JavaScript-generated source, for example using the 
Firefox web developer toolbar [1], you'll see that they're using 
scripting to display a block of HTML that's set to be invisible in 
the stylesheet:

#aa_nav {
         display: none;

When you hover over this element:

     <a href="current_artists.php" class="nav_item" id="n2"
      onmouseover="ir_showAaNav()" onmouseout="ir_startHideAaNav()"

Javascript changes this element:

         <div id="aa_nav">

to this:

         <div style="display: block;" id="aa_nav">

The injected inline styling takes precedence over the external 
stylesheet in the cascade.

[1] Web Developer Toolbar by Chris Pederick



Paul Novitski
Juniper Webcraft Ltd. 

css-discuss [EMAIL-REMOVED]]
IE7 information --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Possibly related: