Grow your CSS skills. Land your dream job.

JQuery Pulsate Effect Help

  • # April 30, 2012 at 12:44 pm

    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);
    });

    # April 30, 2012 at 12:52 pm

    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!

    # April 30, 2012 at 1:24 pm

    Thanks man, I tried that but it doesn’t seem to work…

    # April 30, 2012 at 4:44 pm

    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/

    # May 1, 2012 at 5:27 pm

    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

    # May 2, 2012 at 10:31 am

    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.”

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".