Hey guys,
I have a demo up here (
Link) so you can look at all the html and javascript involved.
Problem:
The problem I'm having is that at the moment, when you hover over a link (other than home) and then move the mouse anywhere else on the screen (except over the home link) the home link isn't reverting to the white text color.
I tried to resolve the problem by changing the following piece of code (look in the "example.js" file linked to from the page to view full code)
Code:
if (status == "off")
{
$(this).stop().animate({ color: linkcol },500);
}
I added an extra line
Code:
if (status == "off")
{
$(this).stop().animate({ color: linkcol },500);
$(".current_page_item_two a").stop().animate({ color: whitecol },500);
}
This line was intended to set the link inside the current_page_item_two element back to white when no link is hovered over (when the slider returns to the home link).
However, looking at the demo here (
Link), you can see that this creates some horrible glitches in the nav (wiggle the mouse about over the links to see what I mean, I end up causing some issue where the white rollover animations don't work at all)