This pages demonstrates a little plugin called 'hoverpulse' which grows and then restores an element's size in response to the mouse hovering over it.

Loading thumbnails...

Basic Usage


$(document).ready(function() {
    $('div.thumb img').hoverpulse();
});
        

Usage with Options


$(document).ready(function() {
    $('div.thumb img').hoverpulse({
        size: 40,  // number of pixels to pulse element (in each direction)
        speed: 400 // speed of the animation 
    });
});
        

Download

jquery.hoverpulse.js

More

Demo using anchors