Cara Membuat Effect JQuery Link Nudging
By Unknown - Friday, September 7, 2012
JQuery link nudging adalah
effect animasi pada link hasil dari penambahan padding kiri, effect ini
akan nampak saat kita menyentuhkan pointer/mouse pada link, link akan
bergerak kekanan atau bergoyang.
Klik salah satu label yang ada pada sidebar blog demo itu. Jika
temen-temen tertarik, langsung saja saya akan berikan penjelasannya :
- Login ke blogger dengan akun anda
- Kemudian pada dasbor klik Rancangan >> Edit HTML
- Tambahkan Script JQuery berikut diatas kode </head>
Catatan : Jika anda sudah memasukkan script JQuery diatas, langkah ketiga bisa anda abaikan
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
- Setelah itu tambahkan lagi script berikut dibawah script JQuery tadi:
- <script type='text/javascript'>
- $(document).ready(function() {
- $('#Label1 li').hover(function() { //mouse in
- $(this).animate({ marginLeft: '12px' }, 400);
- }, function() { //mouse out
- $(this).animate({ marginLeft: 0 }, 400);
- });
- });
- </script><!-- end LinkNudging -->
- Terakhir Save Template anda, dan lihat hasilnya
Follow our blog on Twitter, become a fan on Facebook. Stay updated via RSS
0 komentar for "Cara Membuat Effect JQuery Link Nudging "