Text Marquee Atau Text Berjalan

Apa itu marquee ? hm..pasti sudah banyak yg tau ya apa itu marquee. Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag pembuka <marquee> dan tag penutup </marquee>
Berikut ini adalah element penting yang harus ada ketika kita membuat marquee:
BGCOLOR="warna" --> 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" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur Kecepatan geraknya dalam pixel.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Contohnya sebagai berikut:

marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
dari kiri ke kanan
</MARQUEE>

hasilnya :

dari kiri ke kanan


marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
perilaku gerakan
</MARQUEE>

hasilnya

perilaku gerakan



Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">
<span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="RED" scrollamount="3" width="70%"> marquee dengan variasi hurup </marquee></b></span>
</div>

hasilnya:

marquee dengan variasi hurup

ketika mouse sedang berada di area marquee teks akan berhenti, dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali.
kodenya seperti ini

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
dekatkan mouse disini
</marquee>

hasilnya

dekatkan mouse disini



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://cempakul.blogspot.com/" target="new">cempakul</a><br/>
<a href="http://cempakul.blogspot.com/" target="new">cempakul</a><br/>
<a href="http://cempakul.blogspot.com/" target="new">cempakul</a><br/>
</marquee>

hasilnya seperti ini


cempakul

cempakul

cempakul




marquee yang di dalam nya terdapat gambar dan juga link :

<div class="moduletable">
<marquee direction="left" onmouseover="this.stop()" widh="50%" onmouseout="this.start()" scrollamount="4" align="center"> <center>
<a href="link-target"><img src="link-gambar"/></a>
<a href="link-target"><img src="link-gambar"/></a>
<a href="link-target"><img src="link-gambar"/></a>
<a href="link-target"><img src="link-gambar"/></a>
<a href="link-target"><img src="link-gambar"/></a>
<a href="link-target"><img src="link-gambar"/></a></center> </marquee>
</div>

hasilnya seperti ini