We're a community of 1076K IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,075,878 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

Adding a delay and remote rollover to a CSS Navigation

I have a CSS Navigation but I need help in adding a "delay" on the sub-navigation, and I'd like the rollover image to "stay" when one is using the sub-navigation.

here's my website: http://www.e-squareddesigns.com

Unfortunately, I am completely CLUELESS when it comes to javascript, so any input would help... thanks!

4
Contributors
3
Replies
1 Week
Discussion Span
1 Year Ago
Last Updated
4
Views
peepster
Newbie Poster
10 posts since May 2009
Reputation Points: 10
Solved Threads: 0
Skill Endorsements: 0

My guess is you have an error in the way you set up the menu. The list shouldn't disappear as you move the mouse down. Check the distance between the main menu and the pop up menu. You probably have a slight gap of a pixel or two and as the mouse moves into that gap the menu disappears because you are no longer hovering over it.
You don't need to build in a delay for that, you just need to tweak the CSS and find the error.

hericles
Veteran Poster
1,065 posts since Nov 2007
Reputation Points: 156
Solved Threads: 228
Skill Endorsements: 9

Can you clarify your question? Are you saying that you'd like the image change in the center to be more of a fade instead of the instant change?

mi.mac.rules
Light Poster
33 posts since Oct 2010
Reputation Points: 10
Solved Threads: 1
Skill Endorsements: 0

You might want to try out CSS3 transitions...
http://www.w3schools.com/css3/css3_transitions.asp

dantinkakkar
Junior Poster
177 posts since Aug 2011
Reputation Points: 49
Solved Threads: 22
Skill Endorsements: 3

This article has been dead for over three months: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page rendered in 0.0698 seconds using 2.76MB