Minggu, 16 Desember 2012

Cara Membuat Fade Effect Pada Gambar

,kali ini saya akan share bagaimana cara membuat Fade Effect pada gambar saat gambar tersebut disentuh kursor. Setelah disentuh kursor maka gambar itu akan menjadi terang. Supaya lebih jelasnya ikuti aja cara caranya =)

Caranya :
  • Cari kode </head>
  • Kemudian copy paste kode dibawah ini tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 0.5);
$('img').hover(function() {
$(this).fadeTo('slow', 1.0);
}, function() {
$(this).fadeTo('slow', 0.5);
});
});
</script>
  • Kemudian disimpan dan lihat hasilnya.

Artikel Terkait

Perbaikan JavaScript