javascript

[zottona]

How to make something shake with javascript? I want to make something shake when its clicked on with javascript and don't know how to do that.

[JAB Creations]

This forum is intended for discussion in regards to the new HTML5 standard; it is not a web programming forum intended for applicable use of existing standards. I suggest you visit your preferred search engine and type "JavaScript shake" as you will see plenty of existing demos.

[zcorpan]

This forum is intended for discussion in regards to the new HTML5 standard; it is not a web programming forum intended for applicable use of existing standards.

Nonetheless it's perfectly fine to ask non-HTML5 questions in off topic.

[JAB Creations]

...that's because I moved it to the off-topic forum.

I think it'd probably be a for loop mixed with styling however I've never bothered trying to do animations with JavaScript...or at least not yet.

[zcorpan]

...that's because I moved it to the off-topic forum.

Heh, yeah ok.

I think it'd probably be a for loop mixed with styling however I've never bothered trying to do animations with JavaScript...or at least not yet.

Not a loop but an interval; maybe something like

Code: Select all

var interval;
function startShake(elm) {
  elm.style.position = 'relative';
  interval = setInterval(function(elm) {
    // change style.top and style.left to a random number between +- some pixels
  }, 15);
}
function stopShake(elm) {
  elm.style.position = 'static';
  clearInterval(interval);
}

Maybe add some CSS3 transitions to make it smooth; I'll leave that as an exercise to the reader.

[Den2501]

...that's because I moved it to the off-topic forum.

Heh, yeah ok.

I think it'd probably be a for loop mixed with styling however I've never bothered trying to do animations with JavaScript...or at least not yet.

Not a loop but an interval; maybe something like

Code: Select all

var interval;
function startShake(elm) {
  elm.style.position = 'relative';
  interval = setInterval(function(elm) {
    // change style.top and style.left to a random number between +- some pixels
  }, 15);
}
function stopShake(elm) {
  elm.style.position = 'static';
  clearInterval(interval);
}

Maybe add some CSS3 transitions to make it smooth; I'll leave that as an exercise to the reader.

Hhhmmm... A tricky one. I am just starting to study flash/cs4 and I still find everything to be a bit difficult.

I hope I can make use of the codes you have provided on the menus that I am creating for my website...will post the link here as soon as I am done with it.

[zcorpan]

Here's a working demo:

http://software.hixie.ch/utilities/js/l ... /saved/622