Previous Message
Next Message

How do you create this multicolumn dropdown menu?

Sent by Paul Novitski on 21 May 2007 15:03


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):
>
>http://www.islandrecords.com
>
>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
http://chrispederick.com/work/webdeveloper/

Regards,

Paul
__________________________

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com 

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: