Home » » Dancing Contents & Images

Dancing Contents & Images


Log in to your Blogger account
Go to Edit Html
Make sure to Backup template first
Now find this code

Immediately before that paste this code
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);

How it works? ( add Class="nudge")
For links
<a href="Link Url" class="nudge">Your Text</a>
For images
<a href="Link Url" class="nudge"><img src="Image Url"/></a>

Click for Demo
Share this games :


Post a Comment

Sign up for FREE daily Updates.