JavaScript
Article

jQuery Simulate RSS Feedburner Image Shake

By Sam Deering

shake-it

Ok so I wanted to animate my new subscribe to RSS image (It’s basically a can with an RSS symbol on it but i like it!). I thought i’d make it shake when the page loads for a few seconds and then when the mouse hovers it.

To achieve this I used a plugin called jRumble and simulated click events using the timeout/ function to simulate the shake.

So, I basically downloaded the plugin, referenced it and included this simple jQuery snippet into my header file in WordPress.

jQuery Snippet to Simulate Shake






HTML


Subscribe to RSS Feed

Demo

Simply refresh the page and look at the can at the top! Then mouse over it! Then click on the can and subscribe to our RSS feed! ;-)

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.