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>
0 komentar:
Posting Komentar