Wednesday, July 18, 2012

jQuery Animated Label.



jQuery Animated Label:


 Now if you wanna try Animated Label with jQuery just follow the steps below.

Step 1: Log in to your Blogger/Blogspot account.

Step 2: Go to Design --> Edit HTML.

Step 3: Copy the code below, and paste above </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

Step 4: Click Save.

Enjoy....Subscribe Us....Like Us...

0 comments:

Post a Comment

Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies..