treehouse : what would you like to learn today?
Web Design Web Development iOS Development

JQuery Pulsate Effect Help

  • My website is http://www.meadowbrookglitter.com/meadow

    I have a pulsate effect applied to part of the menu. I don't want the whole menu to fade in and out. I don't want the text to have the effect.

    The code that I have so far is this;


    $(function(){
    $('#menu-item-429.menu-item-type-post_type.menu-item-object-page.menu-item-429').effect("pulsate", { times:2000 }, 3000);
    });
  • apply it to the links, the a tags. Then it should only be the link.

    Great looking site, by the way! I couldn't have done better!
  • Thanks man, I tried that but it doesn't seem to work...
  • it looks like the jquery is animating the opacity, which effects the entire element. i think what you really want is to set the background color using an RGBa value and animate the a (alpha) value.

    check this out: http://pioupioum.fr/sandbox/jquery-color/
  • Hm.

    Okay let's try this.

    Set the background of the li element the way you want it. Set the width and height and everything.

    Now set the background of the a link to transparent, and have it cover the whole li element.

    Now apply your jQuery to the a link.

    @dfogge, that's not quite what I perceive the OP wants. I think he's asking to get the text fading in and out, or is the background?

    Red
  • i could definitely be wrong but i think it's the background he's referring to due to the part where he says "I don't want the text to have the effect."