Home/ Questions/Q 6791713
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T17:52:47+00:00

Is there anyway to make a div box shake on page load? Like maybe

  • 0

Is there anyway to make a div box shake on page load? Like maybe just once or twice?

Update: At this URL I have it still not working on page load, what am I doing wrong?
http://tinyurl.com/79azbav

I think I’m stuck at the onpage load; that failure can be seen here:
Get onpage to work correctly

I’ve also tried initiating the animation with my already implemented body onLoad:

<body onLoad="document.emvForm.EMAIL_FIELD.focus(); document.ready.entertext.shake();" >

But still failing like a champ.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try something like this:

    EDIT:
    Changed Shake() to shake() for consistency with jQuery conventions.

    jQuery.fn.shake = function() {
    this.each(function(i) {
        $(this).css({ "position": "relative" });
        for (var x = 1; x <= 3; x++) {
            $(this).animate({ left: -25 }, 10).animate({ left: 0 }, 50).animate({ left: 25 }, 10).animate({ left: 0 }, 50);
        }
    });
    return this;
}

    EDIT:
    In my example the left position is set to 25, but you can reduce this for a more subtle effect or increase it for a more pronounced effect.

    Using the shake function:

    $("#div").shake();

    Here’s a jsFiddle that demonstrates it: http://jsfiddle.net/JppPG/3/

    • 0