Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Fade-in Gradient Body Border_stops working :(

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #28737
    shaundona
    Member

    Can anyone help!!! I’m not sure if it’s just my browsers but the "Fade-in Gradient Body Border" demo and source files on https://css-tricks.com/downloads/layouts-templates/ stop working after repeated hover and off use. So just to be clear the more you hover over the link and then off it the more likely it will just stop working. You then have to refresh the browse in order for it to work again. Does anyone know why this is and how to fix it. This would be a big help… Step up all you smart people and help a designer out :)

    cheers

    #74096
    doobie
    Member

    instead of this:

    Code:
    $(function(){
    $(“.home”).hover(function(){
    $(“.edge”).stop().fadeIn();
    }, function() {
    $(“.edge”).stop().fadeOut();
    });
    });

    you could try this:

    Code:
    $(function(){
    $(“.home”).hover(function(){
    $(“.edge:not(:animated)”).fadeIn();
    }, function() {
    $(“.edge:not(:animated)”).fadeOut();
    });
    });

    Or, you could try the new(ish) hoverFlow plugin http://www.2meter3.de/code/hoverFlow/

    Hope this helps.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.