Membuat Efek Marquee

Marquee adalah suatu program HTML yang berfungsi untuk membuat teks bisa bergerak atau berjalan. Efek Marquee ini sangat disukai oleh banyak blogger pada umumnya karena sifat program ini yang cukup dinamis serta menarik untuk dilihat. Selain itu juga bisa menghemat tempat (widget) di blog kita. Sedangkan Blink adalah suatu program HTML yang berfungsi untuk membuat teks berkedap-kedip. Kedua efek ini pun bisa dipadukan dan menghasilkan tulisan yang cukup menarik, apalagi bila di tangan yang orang yang punya kemampuan design yang cukup bagus. Disini akan saya jelaskan sedikit tentang elemen-elemn marquee... kalau sobat malas untuk membaca, langsung saja discroll ke bagian bawah.

Efek Marquee itu sendiri ada berbagai macam. Ada yang gerakannya dari samping kiri, samping kanan, atas bahkan bawah... Efek maquee ini menggunakan tag <marquee>.......</marquee>

Atribut yang digunakan antara lain :

• bgcolor : untuk mengatur background teks
• direction : mengatur arah gerakan teks (left/right/up/down)
• behavior : untuk mengatur perilaku gerakan (scroll/slide/alternate)

-. scroll : teks bergerak berputar
-. slide : teks bergerak sekali lalu berhenti
-. alternate : teks bergerak ke kiri dan ke kanan lalu kembali lagi

• Title : pesan akan muncul saat berada di atas teks
• scrollmount : mengatur kecepatan gerakan dalam pixel, semakin besar angka maka semakin besar kecepatannya, begitu juga sebaliknya
• scrolldelay : untuk mengatur waktu tunda gerakan dalam mili detik
• loop : mengatur jumlah loop
• widht : mengatur lebar blok teks dalam pixel atau persen

Ok, sekarang kita masuk ke Contoh Teks Efek Marquee
1. contoh efek marquee dari gerakan

<marquee align="center" direction="left" height="200" scrollamount="2" width="50%">
TEKS SOBAT DISINI
</marquee>

2. contoh efek marquee dari perilaku gerakan

<marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
TEKS SOBAT DISINI
</marquee>

3. contoh efek marquee dengan variasi huruf dan latar belakang

<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="red" width="70%" scrollamount="3" behavior="alternate">
TEKS SOBAT DISINI
</marquee></b></font></div>

4. contoh efek marquee yang teksnya berhenti ketika diarahkan pointer

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
TEKS SOBAT DISINI
</marquee>

5. contoh efek marquee yang didalamnya terdapat link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="URL" target="new">TITLE/JUDUL</a><br/>
</marquee>

Untuk contoh efek pada nomor 5, sobat bisa memasukan link lebih dari satu dengan cukup memasukan tag <a href="URL" target="new">TITLE/JUDUL</a><br/> berurut kebawah.

Sekian dulu informasi yang bisa ane sharing untuk kali. Semoga bermanfaat buat sobat blogger semua.

Salam.,