Animasi Goyang Link Sidebar dengan jQuery

haloo.. semua para pembaca motaro blog kali ini motaro bloa akan share nie tentang JQuery lagi..
kali ini tentang membuat link side bar bergoyang (hemz.. kira-kira goyang apa ya.. goyang ngebor ? ngecor atau patah-patah.. =) .. kembali ketopik") .. penasaran bagaimana nya..
ayo kita mulai....

Klik disini untuk melihat demo Animasi Goyang Link Sidebar dengan jQuery


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
var $jnoc = jQuery.noConflict();
$jnoc(document).ready(function(){
var Duration = 250;
$jnoc('.widget-content ul li a').hover(function() {
$jnoc(this).animate({ paddingLeft: '20px' }, Duration);
}, function() {
$jnoc(this).animate({ paddingLeft: '0px' }, Duration);   
});
});

Langkah 5
Simpan Template dan Preview... (Yuhuy.... mari bergoyang...)

Klik disini untuk download source code Animasi Goyang Link Sidebar dengan jQuery

Keterangan:

Ubah nilai 250 (satuan milidetik) untuk mengatur kecepatan gerakan animasi (Baris 4)
Ubah nilai 20 untuk menentukan jarak gerakan animasi (Baris 6)
Jika gagal ubah .widget-content dengan .sidebar (Baris 5)