Sabtu, 02 Juli 2011

Cara Membuat Link Nudging

Link Nudging disini yang dimaksud adalah salah satu fasilitas dari jQuery yang memberikan effect pada link. Effect Link Nudging ini di kembangkan oleh David Walsh Blog,,jadi link yang terdapat pada label jika kita arah kan krusor kelink nya(kita sorot) maka dia akan bergeser ke samping,seperti gambar yang disamping ini,,,

Untuk cara membuatnya:
1. Silahkan login blogger, Rancangan, Edit HTMl,
2. Cari kode </head> lalu simpan kode berikut diatas kode tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Selanjutnya copy paste kode dibawah ini tepat diatas script yang diatas :

<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#Label1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Tidak ada komentar:

Posting Komentar