how to make a marquee effect

Marquee? makhluk apakah itu?
Marquee merupakan salah satu kode HTML yang membuat objek seperti tulisan dapat bergerak dari kiri, dari kanan, dari atas, atau dari bawah. Pada blog ini, saya menampilkannya dalam "blog sahabat" dan "quote".

Sebelum membuat sebuah marquee ada baiknya Anda mengenal atribut yang dimiliki oleh marquee.

BGCOLOR="color" → mengatur warna background object (teks, image,dsb).

DIRECTION="left/right/up/down" → mengatur arah gerakan objek.

BEHAVIOR="scroll/slide/alternate" → to manage behavior of the moving objek.

Scroll → objek bergerak scroll.
Slide → objek bergerak 1 waktu dan kemudian berhenti.
Alternate → objek bergerak dari kiri ke kanan dan kemudian kembali lagi.

TITLE='message" → Pesan yang ingin disampaikan di komputer ketika mouse berada diatas marquee.

SCROLLMOUNT="number" → mengatur kecepatan marquee , semakin tinggi angkanya semakin cepat pergerakannya.

SCROLLDELAY="number" → mengatur waktu tunda (delay time) dalam detik.

LOOP="number|-1|infinite" → mengatur jumlah looping.

WIDTH="number" → mengatur lebar objek marquee ,dalam pixel (px) or persen (%).

---

Berikut cara membuatnya

1. Anda masuk Layout -> Page Element -> pilih lokasi dimana Marquee ingin diletakkan.
2. Pilih "add a gadget" -> HTML/Javascript
3. Kemudian pilihlah bentuk marquee yang diinginkan . Contohnya dibawah ini :

Marquee dari DIRECTION-nya

<marquee align="center" direction="left" height="10" scrollamount="2" width="100%">
this is example of marquee, the text moving from right to the left
</marquee>

Hasilnya

this is example of marquee, the text moving from right to the left



Cobalah ganti arahnya right, up, down.

Marquee dari BEHAVIOR-nya

<marquee align="center" direction="left" height="10" scrollamount="4" width="100%" behavior="alternate">this is example of marquee from behavior
</marquee>

Hasilnya
this is example of marquee from behavior

Marquee dari variasi teks dengan warna latar belakang

<div align="left"><font face="georgia" color="White"><B><marquee bgcolor="green" width="100%" scrollamount="3" behavior="alternate">text variation with background color.
</marquee></b></font></div>

Hasilnya

text variation with background color.

Marquee dengan animasi re-shifting

Menambahkan sedikit kode pada Marquee akan memberi perubahan. Copas kode dibawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="50" align="center">
Please drop your computer mouse to here and you will be see the effect
</marquee>

Hasilnya

Please drop your computer mouse to here and you will be see the effect

Marquee dengan links object

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="180" align="center">
<a href="http://nhirany.blogspot.com" target="new">My Grumble</a>
<a href="http://nhirany.wordpress.com" target="new">Sebutir Padi </a>
<a href="http://twitter.com/nhirany" target="new">Everymoment i say</a>
<a href="http://www.w3schools.com" target="new">My Master</a>
</marquee>

Hasilnya

My Grumble
Sebutir Padi
Everymoment i say
My Master



Enjoy it, guys !!!