Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have worked on the following nav drop down seen here.
It works and is almost complete, but I have one issue. When you mouseover a nav title the text goes from color to black and then shows the dropdown. That is how it should work, but when you move your mouse to go a nav title within the dropdown the black text(active image) goes back to color and doesnt remain black.
Any suggestion when dropdown is active and user is navigating through such to keep the text(active image) black?
Ideally, you would be using text rather than images for the menu items. Then, you could very easily use CSS to control the text colors on hover over the
<li>without any need for JavaScript at all.With the way you’re doing it now (with images), I believe it’s still possible by moving your onmouseover and onmouseout from the
<a>to the<li>above it. It may require some tweaking of the scripts for this to work, but hopefully you get the concept: detect hovering over the entire list item (and its contents) rather than on just the anchor tag within that list item.