jQuery Link Nudging

jQuery JavaScript

$(document).ready(function() {
   $('a.nudge').hover(function() { //mouse in
    $(this).animate({ paddingLeft: '20px' },400);
   }, function() { //mouse out
    $(this).animate({ paddingLeft: 0 }, 400);
   });
  });

HTML

<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 1</a></p>
<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 2</a></p>
<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 3</a></p>
<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 4</a></p>
<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 5</a></p>
<p><a href="http://www.nucus.com/techblog/" class="nudge" style="color: rgb(0, 118, 204); padding-left: 0px;">Link 6</a></p>

jQuery 1.2.6

Click Here to DOWNLOAD

Example

Click to DEMO