Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 7)

วันจันทร์ที่ 28 พฤษภาคม พ.ศ. 2555

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..

GatewayNesia