FADE pada JQuery






JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis, JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera.Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
 
JQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML.
Dalam Jquery ini terdapat terdapat banyak fungsi dari javascrip yang salah satunya adalah FADE effect.
FADE effect adalah efek samar - samar pada gambar/teks yang akan kita terapkan di blog kita. Efek ini akan membuat gambar samar - samar dan saat kursor menyentuh gambar maka gambar tidak akan samar - samar lagi atau bisa di istilahkan jernih kembali.

Terdapat 3 jenis fade yaitu FadeOut, digunakan untuk meng hilangkan elemen objek. FadeIn digunakan untuk menampilkan element suatu objek. Dan FadeTo digunakan untuk objek nampak telihat blur/pudar

Untuk tahap penerapan pada Blogspot berikut langkah-langkah nya
  1. Login ke Blog anda masing-masing
  2. Pilih Template
  3. Kemudian pilih edit HTML
  4. Cari Tag/kode <head> dan </head>
  5. Masukkan kode dibawah ini diantara tag atau kode <head> dan </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>

<script type='text/javascript'>

$(document).ready(function() {

$('h2').fadeTo('slow', 0.5);

$('h2').hover(function() {

$(this).fadeTo('slow', 1.0);

}, function() {

$(this).fadeTo('slow', 0.5);

});

});



</script> 








Previous
Next Post »