Before the end of the day and the week. I would like to share a little jQuery effect with you, Bounce effect. Here is a simple demonstration about how you can use jQuery to make your desired image bounce up and down. Feel free to incorporate this little effect into your website. :)

Cheers,

Here are the source code for this bounce effect!

JavaScript
<script src=”http://code.jquery.com/jquery-1.9.1.js”></script>
<script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script>
<script type=”text/javascript” language=”javascript”>
$(document).click(function(){
$(“.mybounce”).effect( “bounce”,
{times:3}, ‘slow’ );
});
</script>

HTML
<div class=”mybounce”>
<img src=”your_image”>
</div>

jQuery Bounce Back Effect

Quick Quote