Disini kita akan menggunakan jQuery yang akan memberikan efek animasi secara halus dan nyata .
Oke , untuk Demo silahkan arahkan kursor anda pada label blog ini di sebelah kanan .
Sudah ?
Tertarik ingin memasangnya juga ?
Ikuti langkahnya dibawah ini
Untuk tahap pertama yakni anda harus memansang Widget label pada blog anda entah dimanapun itu .
Kedua , letakkan script dibawah ini tepat di atas kode
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
Tempatkan Script dibawah ini tepat diatas kode
</head>
<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>
Selanjutnya simpan dan lihat hasilnya di blog anda dengan mengarahkan kursor pada widget label .
Selamat mencoba .
Berikan komentar anda tanpa menyisipkan tautan aktif. Terimakasih