Efek Marquee merupakan efek untuk membuat text bergerak atau berjalan. Efek Marquee biasa digunakan untuk menghemat area penulisan dan juga untuk membuat tampilan text terlihat dinamis.
Marquee menggunakan tag <marquee>...</marquee>
Ada beberapa atribut yang sering digunakan dalam penulisan kode HTML text Marquee :
BGCOLOR="warna" ini untuk mengatur warna background
DIRECTION="left/right/up/down" untuk mengatur arah pergerakan text
BEHAVIOR="scroll/slide/alternate" untuk mengatur perilaku gerakan
scroll = text akan bergerak memutar
slide = text akan bergerak sekali lalu berhenti
alternate = text akan bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)
TITLE="pesan" pesan akan muncul saat mouse berada pada text
SCROLLAMOUNT="angka" untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka, maka semakin cepat gerakan
SCROLLDELAY="angka" untuk mengatur waktu tunda dalam ukuran mili detik
LOOP="angka|-1|infinite" untuk mengatur jumlah loop
WIDTH="lebar" untuk mengatur lebar blok text dalam pixel atau pesan
Berikut ini contoh marquee menurut gerakan :
<marquee align="center" direction="right" height="100" scrollamount="2" width="30%">
marquee dari kiri ke kanan
</marquee>
Hasilnya :
Berikut ini contoh marquee dari menurut perilaku :
<marquee align="center" direction="right" height="100" scrollamount="2" width="70%" behavior="alternate">
marquee menurut perilaku
</marquee>
Hasilnya :
Berikut ini contoh marquee dengan variasi huruf dan warna latar belakang :
<div align="left"><FONT FACE="georgia" color="white"><b><marquee BGCOLOR="Blue" width="70%" scrollamount="3" behavior="alternate">
marquee variasi huruf dan warna background
</marquee></b></Font></div>
Hasilnya :
Berikut ini contoh marquee, ketika mouse diletakkan pada text, maka text akan berhenti dan akan bergerak lagi bila mouse digeser :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="100" align="center">
silahkan arahkan mouse ke sini
</marquee>
Hasilnya :
Berikut ini contoh marquee yang di dalamnya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamout="2" direction="up" width="100%" height="100" align="center">
<a href="http://bloggerdasar.blogspot.com" target="new">Panduan Belajar Blogspot</a>
</marquee>
Hasilnya :
Saya rasa cukup sampai disini pembahasan efek marquee, saya percaya teman sekalian bisa membuat variasi yang lebih baik lagi.
Silahkan dicoba