www.webdeveloper.com
Results 1 to 3 of 3

Thread: Problem with jQuery navigation menu

  1. #1
    Join Date
    Oct 2011
    Posts
    3

    Problem with jQuery navigation menu

    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)

  2. #2
    Join Date
    Feb 2007
    Posts
    66
    looks like you got it working...

  3. #3
    Join Date
    Feb 2007
    Posts
    66
    or not, sorry I didn't read the full post :S my bad

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles