Membuat Animasi Link Bergoyang Dengan jQuery

Pada posting ini saya akan menjelaskan tentang Membuat Animasi Link Bergoyang dengan jQuery.
Jadi jika nanti cursor mouse di dekatkan pada link maka link tersebut akan bergoyang jadi trik ini hanya untuk memperindah tampilan link saja.
Ok tidak usah panjang lebar langsung saja ke TKP :

1. Login ke Blog kamu dan pilih Rancangan => Edit HTML
2. Cari kode

</head>

3. Masukan kode dibawah ini diatas kode no 2

<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);      
});
});

4. Simpan dan lihat hasilnya

Semoga Bermanfaat

Post a Comment

Untuk menyisipkan kode gunakan tag [pre]kode anda[/pre]