Cara Membuat Tulisan Berjalan (Marquee)

Cara Membuat Tulisan Berjalan (Marquee) Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. Disini Gw mau coba untuk memberitahukan Cara Membuat Tulisan Berjalan (Marquee)

Terus bagaimana cara membuatnya yaitu dengan cara menggunakan tag html <marquee>...</marquee> , jika masih bingung atau belum tahu maka langsung saja ke contoh pembuatannya.

Tag <marquee> mempunyai beberapa attribut, yaitu:

bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks

direction="left/right/up/down" digunakan mmengatur arah gerakan teks

behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks

scroll digunakan agar teks bergerak berputar

slide digunakan agar teks bergerak sekali lalu berhenti

Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi

title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks

scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop

width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen

1.      Pergerakan Teks dari Kiri ke Kanan dan Berhenti

<marquee behavior="slide" direction="left">Tulis Teks Anda Di Sini</marquee>

TEKS


2.      Pergerakan Teks dari Kiri ke Kanan Secara Terus Menerus

<marquee behavior="scroll" direction="left">Tulis Teks Scrolling Di Sini</marquee>

TEKS


3.      Pergerakan Teks bolak balik Kiri ke Kanan dan Sebaliknya Secara Terus Menerus

<marquee behavior="alternate">Tulis Teks Bolak Balik Di Sini</marquee>

TEKS


4.      Pergerakan Teks dari bawah ke atas

<marquee  behavior="scroll" direction="up">Tulis Teks di sini</marquee>

Contoh Tulisan Berjalan


5.      Mengatur kecepatan pergerakan teks

<marquee behavior="scroll" direction="left" scrollamount="1"> Kecepatan rendah </marquee>


<marquee behavior="scroll" direction="left" scrollamount="10">Kecepatan sedang </marquee>


<marquee behavior="scroll" direction="left" scrollamount="20">Kecepatan tinggi </marquee>

Kecepatan rendah


Kecepatan sedang


Kecepatan tinggi


6.      Menggerakkan image

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

7.      Menggerakkan image dan teks

<marquee behavior="scroll" direction="left">


<img src="/pix/smile.gif" width="100" height="100" alt="smile" />


<p>Contoh tulisan berjalan dengan image</p></marquee>

Contoh tulisan berjalan dengan image


Silahkan kalian peraktekakn dan modif agar terlihat lebih menarik.