Apa itu marquee ? Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan.
Atribut yang digunakan:
| width | pixels % |
Mengatur lebar teks |
| height | pixels % |
Mengatur tinggi teks |
| direction | left right up down |
Mengatur arah gerakan teks |
| behaviour | scroll: teks bergerak berputar slide: teks bergerak sekali lalu berhenti alternate: teks bergerak dari kiri ke kanan lalu berulang |
Mengatur perilaku gerakan |
| scrolldelay | value | Mengatur waktu tunda gerakan dalam mili detik |
| scrollmount | value | Mengatur kecepatan gerakan dalam pixel |
| bgcolor | color | Mengatur warna latar belakang teks |
| Loop | value -1 infinite |
Mengatur jumlah loop |
| Vspace | value | Mengatur ruang antara atas/bawah dengan teks |
| Hspace | value | Mengatur ruang antara kiri/kanan dengan teks |
Teks berjalan dari kanan ke kiri:
<MARQUEE align=”center” direction=”right” height=”200″ scrollamount=”2″ width=”100%”>
marquee dari kanan ke kiri
</MARQUEE>
Teks dengan atribut behaviour:
<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>
marquee dengan atribut behaviour
</MARQUEE>
eksperimen lainnya:
<MARQUEE behavior=”scroll” direction=”left” scrollamount=”1″>Slow scroll speed</MARQUEE>
<MARQUEE behavior=”scroll” direction=”left” scrollamount=”10″>Medium scroll speed</MARQUEE>
<MARQUEE behavior=”scroll” direction=”left” scrollamount=”20″>Fast scroll speed</MARQUEE>
Teks dengan variasi huruF dan warna latar belakang:
<div align=”left”>
<span style=”font-family:Georgia;color:white;”>
<b>
<MARQUEE BGCOLOR=”RED” width=”70%” scrollamount=”3″ behavior=”alternate”>
marquee dengan warna latar belakang
</MARQUEE>
</b>
</span>
</div>
Teks berjalan ke atas, sering digunakan pada halaman news, testimonial:
<MARQUEE onmouseover=”this.stop()” onmouseout=”this.start()” direction=”up” width=”100%” height=”260″ scrollamount=”2″ align=”center”>
Teks berjalan ke atas lalu berhenti jika di mouse di arahkan kesini, silahkan arahkan mouse Anda.
</MARQUEE>
Kunjungi www.proweb.co.id untuk menambah wawasan anda.