TUTORIAL 10 ( Mengenal Efek Marquee)

Sebenarnya secara pribadi saya tidak setuju kalau program HTML ini memakai nama ‘Marquee’, mengapa ? Marquee dalam bahasa Inggris artinya ‘tenda besar’, sangat jauh dari fungsi penggunaannya dalam bahasa HTML yang akan kita bisa nanti.
Akan tetapi apalah artinya sebuah kata dan arti. Tentunya hak sesorang yang menciptakan sebuah program akan diberi nama apa, yang tinggal memakai tidak boleh protes. Mau pakai silahkan, tidak mau pakai tidak masalah. Saya kira kalimat itu hanya sekedar pengantar untuk artikel kali ini, karena saya juga sebenarnya memakai program ‘Marquee’ ini.
Marquee merupakan suatu program HTML yang berfungsi untuk mengolah teks yang bisa bergerak atau berjalan. Program marquee ini banyak di pakai dalam web maupun blog, karena program ini bersifat dinamis dan menarik untuk di lihat, selain itu cukup untuk menghemat tempat pada halaman web atau blog.


Marquee di buat dengan menggunakan tag &marquee> ... &/marquee>. Sementara atribut bahasa yang sering di digunakan antara lain :

BGCOLOR = "warna" Untuk mengatur warna background (latar belakang) teks
DIRECTION = "left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR = "scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll = teks bergerak berputar
Slide = teks bergerak sekali lalu berhenti
Alternate = teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE ='pesan" akan muncul saat mouse berada di atas teks
SCROLLMOUNT = "angka", mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY = "angka", untuk mengatur waktu tunda gerakan dalam mili detik
LOOP = "angka|-1|infinite" untuk mengatur jumlah loop
WIDTH = "lebar" untuk Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

&MARQUEE align="center" direction="right" height="200"
scrollamount="2" width="30%">


ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :


&MARQUEE align="center" direction="left" height="200"
scrollamount="3" width="70%" behavior="alternate">


Contoh marquee dengan variasi hurup dan warna latar belakang :


&div align="left"><FONT FACE="georgia" color="White">&B>&MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

&/MARQUEE>&/b>&/FONT>&/div>

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


Contoh marquee yang di dalam nya terdapat link :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

&a href="http://kalteng004.blogspot.com " target="new">tutorial 1 &/a>&br/>

&a href=" http://kalteng004.blogspot.com " target="new">tutorial 2 &/a>&br/>

&a href=" http://kalteng004.blogspot.com " target="new">tutorial 3 &/a>&br/>

&/marquee>

Selamat Belajar