Membuat Teks Berjalan atau Bergerak ( marquee )

Marquee merupakan code HTML yang digunakan untuk membuat teks maupun gambar bergerak atau berjalan. jenis marquee ini bermacam-macam, kita bisa mengatur arah gerak ( kanan, kiri, atas, bawah ), kecepatan gerak, menambahkan background teks, warna teks dan masih banyak lagi. silahkan sobat kembangkan sendiri ya.
Membuat efek marquee bisa menggunakan tag dasar marquee seperti  <marquee>...</marquee>. 

Kita bisa memperindah efek marquee sesuai keinginan kita, kita bisa menambahkan atribut tertentu, seperti :
  • BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
  • DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks 
  • BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan 
  • Scroll --> teks bergerak berputar
  • Slide--> teks bergerak sekali kemudian berhenti
  • Alternate --> teks bergerak dari kiri kekanan kemudian kembali lagi.
  • TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks 
  • SCROLLMOUNT="angka" --> mengatur kecepatan gerak dalam pixel, semakin besar angka semakin cepat.
  • SCROLLDELAY="angka" --> Untuk mengatur waktu tunda ( delay ) gerakan dalam detik
  • LOOP="angka|-1|infinite" --> Mengatur jumlah loop 
  • WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen 
Berikut contoh Efek Teks Marquee / bergerak :

<MARQUEE align="center" direction="right" height="200" scrollamount="5" width="50%">
marquee dari kanan ke kiri
</MARQUEE>

marquee dari kanan ke kiri
<MARQUEE align="center" direction="left" height="200" scrollamount="4" width="70%" behavior="alternate">
Efek marquee bolak-balik
</MARQUEE>

Efek marquee bolak-balik
<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="blue" width="70%" scrollamount="3" behavior="alternate">
Efek marquee dengan teks efek dan begrond
</MARQUEE></b></FONT></div>

Efek marquee dengan teks efek dan begrond

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://blog-thinker.blogspot.com" target="new">Blog-thinker</a><br/>
<a href="http://an-yuan.blogspot.com" target="new">An-yuan </a><br/>
<a href="http://blog-thinker.blogspot.com" target="new">Blog Thinker </a><br/>
</marquee>


Blog-thinker

An-yuan

Blog Thinker




<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Teks berhenti jika ditunjuk mouse
</marquee>

Teks berhenti jika ditunjuk mouse

Kode marquee ini bersifat dinamis, jadi sobat blogger bisa mengaplikasikan kode ini dimana saja.
Silahkan sobat blogger kembangkan sendiri sesuai keinginan sobat.

Selamat mencoba...
Semoga bermanfaat.....