ini adalah
bagian ke tujuh dari tulisan ane (
Belajar jQuery - "Mulai dari Nol Ya.." ), langsung saja ya...
jQuery - MANIPULASI CSS / STYLE
=================== DEMO =====================
hati
==============================================
diatas ada
P yang ber-ID=hati.. coba klik tombol CSS dan ANIMATE,, sudah mengerti bedanya kan..
codenya seperti berikut ini:
CSS
$("#hati").css({"font-family":"courier new", "font-size":"7px"});
Cara mengetiknya:
1. ketik
css(); baca CE-ES-ES-KURUNG BUKA-KURUNG TUTUP-TITIK KOMA..
css();
2. ketik
{} baca KURAWAL BUKA - KURAWAL TUTUP
sekarang kode kita:
css({});
3. pada contoh ini, kita akan memanpulasi jenis font dan size nya,, sekarang jenis font nya dulu saja.. ketik
"font-family":"courier new"
sekarang code kita:
css({"font-family":"courier new"});
4. Size nya?? kita taruh di samping kanan-nya, tapi kita beri
TANDA KOMA dulu..
jadi sekarang kodenya:
css({"font-family":"courier new" ,"font-size":"7px"});
mudah kan.. ^^ sekarang mari kita lihat
perbedaan kecil nya dengan ANIMATE..
ANIMATE
$("#hati").animate({"font-size":"50px"},1000);
penjelasan: perbedaannya hanya satu,, yaitu ini ada
KOMA dan angka 1000 nya
setelah penutup kurawal,, ini adalah waktu bergerak/animasi nya, dalam
hitungan milliseconds (1 detik = 1000 milliseconds). Jadi semakin sedikit milliseconnya,, maka semakin cepat pula pergerakan nya, begitu juga sebaliknya..
ANIMATE seperti ini yang ane gunakan untuk membuat animasi header di atas.. ^^
Mr Simple kan.. langsung saja berlanjut ke
bagian 8..
Artikel keren lainnya yang WAJIB dibaca:
