[Javascript] Fade transition onmouseover/out based on CSS :hover?
Mike Dougherty
mdougherty at pbp.com
Wed Sep 26 10:59:08 CDT 2007
fyi - that's http://www.htmldog.com/articles/suckerfish/dropdowns/
On 9/26/07, Mike Dougherty <mdougherty at pbp.com> wrote:
> On 9/26/07, Nick Baker <CF at isbc.com> wrote:
> > A. "mousing up/down the nav list causes each flyout to open and close"
> > B. "should they fade in and out"
> > C. "to prevent accidentally closing the whole flyout"
>
> A. CSS menu implies this by default. see:
> http://www.htmldog.com/articles/suckerfish/dropdowns/
> B/C. notice in the link above how the fix for IE uses javascript - if
> the mouseout behavior creates a timeout to remove the class, then
> submenu will remain until the timeout fires. You might have to be
> more clever to detect if the mouse were leaving the menu container if
> you want that timeout to be conditional (it might look terrible to
> have a long timeout and a quick roll over all the menu options because
> the subs might overlap in an ugly way)
>
> I don't have an example. To date, we've just lived with the
> misfeature that causes the submenu to disappear if you're 1 pixel off
> of it.
>
More information about the Javascript
mailing list