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