Membuat Link pada label bergeser saat disorot (Link Nudging)




Demonya bisa dilihat disini
Membuat tampilan Pada link Label saat disorot teks link bergeser-geser Contoh pada gambar disamping Teks Portable Software Saat disorot bergeser ke samping..... Link Nudging adalah salah satu fasilitas dari jQuery yang memberikan effect pada link. Effect Link Nudging ini di kembangkan oleh David Walsh Blog, 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'/>
Jika kode tersebut sudah ada tak perlu disimpan lagi. 


Selanjutnya simpan kode berikut Dibawah kode berwarna biru tadi Java :

<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 -->

Yang berwarna Biru silahkan ganti sesuai keinginan atau mau lebih tau tentang hal ini bisa dipelajari pada tutorial Memindah-mindahkan widget dengan jQuery (Draggeble) 

Simpan template.......

Dalam pemakaian tutorial ini kadang tidak berhasil, semua itu bisa disebabkan bentroknya script jQuery yang dipakai...

Jadi selamat mencoba saja,,, semoga berhasil

  • Komentar

    • Posting Komentar

    [Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar

    handapeunpost