Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery navigation menu issue
    primarykey
    data
    text
    <p>I have a demo <a href="http://finite-element.com/nathanmarks/" rel="nofollow">up here</a> so you can look at all the html and javascript involved. </p> <p><strong>Problem:</strong></p> <p>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. </p> <p>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):</p> <pre><code>if (status == "off") { $(this).stop().animate({ color: linkcol },500); } </code></pre> <p>I added an extra line</p> <pre><code>if (status == "off") { $(this).stop().animate({ color: linkcol },500); $(".current_page_item_two a").stop().animate({ color: whitecol },500); } </code></pre> <p>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).</p> <p>However, looking at the demo <a href="http://finite-element.com/nathanmarks2/" rel="nofollow">here</a>, 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) </p> <p>Also, as a side note, why are my callback functions when animating the hover rectangle being called before the animation is complete? I'm new to jquery and I was under the impression that the fourth parameter was a function to be called when the animation was complete.</p> <p>Thanks!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload