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):
>
>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/
