Membuat Marquee atau Tulisan Bergerak

Kali ini saya akan membagikan bagaimana caranya membuat marquee atau tulisan bergerak untuk memperindah website atau blog anda, yang mana dalam pembuatan marquee ini cukup menggunakan code html.

Sebelum membuat marquee atau tulisan bergerak ini ada baiknya jika anda mengetahui terlebih dahulu atribut2 yang sering digunakan, diantaranya :
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 lalu berhenti

Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Nah baiklah kita mulai saja cara pembuatannya

Marquee atau tulisan yang bergerak dari kanan ke kiri

<code><marquee align="center" direction="left" height="100" scrollamount="2" width="300"></code><br /><br /><code>marquee dari kanan ke kiri</code><br /><br /><code></marquee></code>

Contoh nya :


marquee dari kanan ke kiri



Marquee atau tulisan yang bergerak bardasarkan prilaku gerakan

<code><marquee align="center" BEHAVIOR="alternate" height="100" scrollamount="2" width="40%"></code><br /><br /><code>marquee yang berdasarkan prilaku/bergerak bolak balik</code><br /><br /><code></marquee></code><br />

Contohnya :


marquee yang berdasarkan prilaku/bergerak bolak balik



Marquee atau tulisan bergerak yang menggunakan warna latar belakang :

<marquee bgcolor="#99CCFF" scrollamount="3">marquee menggunakan warna latar belakang</marquee><br />

Contohnya:
marquee menggunakan warna latar belakang

Marquee yang berhenti bergerak ketika didekati cursor :

<code><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"></code>marquee yang berhenti bergerak</marquee>

Contohnya :
marquee yang berhenti bergerak