pop um menus and layers flickering

[Guest]

I am looking to create a menu similiar to the one at the left of this page. I would like a menu, with a sub menu under it. I began by creating a layer(A). I placed a button in this layer. Next I created another layer(B) and placed 5 buttons in there. When I mouse over layer A, the layer B should display. This all works correctly, but I am having a bad flicker problem. All the code was generated by Front Page 2003. Did I build this wrong or use an improper technique. The flicker is ugly and does not look professional. Can someone help me get past this. Thank you, Jerr

To see the exact example go to the following site. www.usertest.qtownpantherfootball.com

 

[Jim Buyens]

I think the flicker comes from the onmouseover behaviors
on BoosterSubLayer, TeamSubLayer, and GameDaySubLayer.
Basically.

You see, from the browser's point of view, the mouse can
only be over one element a time. So when the mouse is over
one of your images, it's NOT over the layer (even though
the image is over the layer). So, as you pass the mouse
over the images, the layer goes briefly invisible and
visible.

To avoid this, you probably need to get rid of the
onmouseover/onmouseout events on the layers. Instead, when
you display a layer, also display a transparent GIF that's
larger than the layer and also behind it (in terms of z-
order). Then, use an onmouseover behavior on the
transparent GIF to hide the layer and the transparent GIF.

See also:

Creating DHTML Menus in FrontPage 2003
http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=28

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------