BELAJAR TEKS MARQUEE

bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.

direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).

scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.

behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).

width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).

height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).

align : Untuk mengatur posisi (center, left, right).

onmouseover : Untuk memberhentikan efek ketia disorot(hover) mouse.

onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot(hover) text.


Sebenarnya masih banyak atribut-atribut lain yang bisa anda gunakan, atribut diatas hanyalah atribut yang sering digunakan. Sekarang kita lihat contoh dari efek-efek marquee ini./div>

Contoh marquee dari kiri ke kanan

<marquee direction="right" scrollamount="2"> Contoh Marquee dari kanan ke kiri </marquee>

Contoh Marquee dari kiri ke kanan
Contoh Marquee dari kiri ke kanan

<marquee direction="left" scrollamount="2"> Contoh Marquee dari kiri ke kanan </marquee>
Contoh Marquee dari kanan ke kiri

Contoh marquee dari atas ke bawah


<marquee direction="down" height="100" scrollamount="2" width="50%"> Contoh Marquee dari atas ke bawah </marquee>

Contoh Marquee dari atas ke bawah

Contoh marquee dari bawah ke atas


<marquee direction="up" height="100" scrollamount="2" width="50%"> Contoh Marquee dari atas ke bawah </marquee>
Contoh Marquee dari bawah ke atas


Contoh marquee dengan menggunakan background biru dan warna font putih



<marquee bgcolor="blue" direction="right" scrollamount="2"><span style="color: white;"> Contoh Marquee dengan menggunakan background biru dan warna font putih </span></marquee>

Contoh Marquee dengan menggunakan background biru dan warna font putih

Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot


<marquee direction="down" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2"> Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot </marquee>


Contoh marquee berhenti bergerak ketika di sorot mouse dan bergerak kembali ketika sudah tidak di sorot

Itulah beberapa contoh efek-efek marquee yang bisa anda gunakan, anda bisa berexplorasi lebih jauh lagi. Silahkan anda bereksperimen sendiri.
Selamat mencoba !