View Full Version : Mega Menu - mouse movement

05-25-2010, 07:14 PM
I had asked this question in a previous post but I think it was buried too deep with my other questions so I'm thinking it might be best to start a new thread...

I have created a menu here:


I was wondering if there is a way to add a delay on the hover using CSS to ensure that the menu doesn't disappear when the user moves the mouse diagonally from the menu item to one of the subitems. For example, if they are hovering over Enjoying Burlington and want to go to Fast Facts...currently they need to move the mouse down in to the panel and the move to the right...as opposed to moving straight to Fast Facts on a diagonal line.

Side note: I am still having issues with the menu in Firefox...it used to appear fine but then I made adjustments for IE6 and it messed up everything in Firefox...my last post talks about these issues...any help would be appreciated!!

Thanks so much!

05-26-2010, 10:49 AM

Displays OK in my firefox 3.5.9 - I cannot recreate the problem!

Which version of FF were you testing on?

Read up on Creating Delayed Drop Down Menus (http://www.thatsquality.com/articles/creating-delayed-drop-down-menus-in-jquery-without-losing-accessibility) to see how to add a jquery delay.

Hope that helps :)


oops - forgot to mention ..... Whilst hacking you site to display in IE (all versions) use conditional comments to feed IE with version specific CSS fix files.

for IE6

<!--[if lte IE 6]>< <style type="text/css">@import "css/ie6_fixes.css";</style><![endif]-->

Here is a list of conditional comments (http://www.quirksmode.org/css/condcom.html) for different IE versions

05-26-2010, 05:38 PM
I am using Firefox 3.6.3.

Doesn't it look like this for you in Firefox:


I am feeling so overwhelmed at this point! Being new to jquery and CSS I'm slowing hacking my way through this website...my brain hurts!! :eek:

So, do I need to rename all of my menu divs to incorporate the hoverIntent?

Thanks again...