Membuat Text Berjalan 2

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan.
Atribut yang sering di gunakan dalam kode marquee adalah :

1. bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks
2. direction="left/right/up/down" » Mengatur arah gerakan teks
3. 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)
4. title="pesan" » Pesan akan muncul saat mouse berada di atas teks
5. scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.
6. scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik
7. loop="angka|-1|infinite" » Mengatur jumlah loop
8. width="lebar" » Mengatur lebar blok teks dalam pixel atau persen

<marquee align="center" direction="left" height="200" scrollamount="2" width="100%">
 marquee dari kanan ke kiri
 </marquee>

Contoh Kode diatas

marquee dari kanan ke kiri

Catatan :
ganti kata "left" dengan keinginan anda yaitu bisa : right, up, down
marquee dengan variasi hurup dan warna latar belakang :

<div align="left"><font face="georgia" color="White"><strong><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate">
marquee dengan variasi hurup dan warna latar belakang
</marquee></strong></font></div>

Hasil dari kode diatas

marquee dengan variasi hurup dan warna latar belakang

Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover="this.stop()" onmouseout="this.start()" . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain. Contoh, silahkan arahkan pointer mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> silahkan tunjuk ke sini </marquee>

Hasil Kode diatas :

silahkan tunjuk ke sini

Related Posts : Marquee)