Normal linklerden sıkıldıysanız biraz hareket verebilirsiniz. Öncelikle jquery.com dan jquery i indirin 54 kb dosya. Sonra html sayfamızı oluşturalım.
<html>
<head>
<style type="text/css">
.nudge { display:block; margin:0 0 15px 0; width:200px; }
</style>
</head>
<body>
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<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);
});
});
</script>
<a href="#"class="nudge">Link</a>
</body>
</html>style de kendinize göre değişiklik yapabilirsiniz. jquery nin de bulunduğu dizine html olarak kaydedelim sayfamızı.Çalışması için ikiside aynı klasörde olmalı.
Örnek için
jQuery Link Nudging Example