Membuat Text Berjalan (Marquee)

 Marquee merupakan suatu program html untuk membuat teks / tulisan bisa bergerak atau berjalan. Marquee ini bisa dibuat dengan menggunakan tag <Marquee>....</Marquee>.

Atribut yang sering digunakan dalam "marquee" ini adalah :

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 bo) 

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

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

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

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

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

contoh tulisan berjalannya bisa di lihat di bawah :


Selamat datang di Blog-nya Mr.Fally

Kode HTML nya bisa dilihat di text area berikut :

<marquee behavior="scroll" direction="left">Selamat datang di Blog-nya Mr.Fally</marquee>

keterangan :

untuk merubah arah teks berjalan, ganti saja direction-nya "left" menjadi right, up, down

Untuk membuat tulisan menjadi memantul bolak-balik, bisa dilihat di bawah :


Selamat datang di Blog-nya Mr.Fally

Kode HTML-nya bisa di lihat di text area berikut :

<marquee behavior="alternate">Selamat datang di Blog-nya Mr.Fally</marquee>

Untuk menambahkan hyperlink pada tekas berjalan, bisa dilihat di bawah :

Link to Blog Mr Fally (1)

Link to Blog Mr Fally (2)

Untuk kode HTML-nya bisa dilihat di text area berikut :

<marquee direction="left"> <br /> <a href="http://ahmedfaleh.blogspot.com" target="new">Link to Blog Mr Fally (1)</a><br/><br /> <a href="http://mr-fally.blogspot.com" target="new">Link to Blog Mr Fally (2)</a><br/> <br /> </marquee>

Untuk membuat tulisan berjalan disertai warna background, bisa dilihat di bawah :

Selamat datang di Blog-nya Mr.Fally

Untuk kode HTML-nya bisa dilihat di text area berikut :

<marquee bgcolor="red" style="color: white;">Selamat datang di Blog-nya Mr.Fally</marquee>

Ada variasi lain yakni ketika mouse diarahkan ke tulisan yang berjalan tadi (pada area marquee text), maka teks akan terhenti dan bila mouse-nya di geser kembali ke tempat lain, maka  teks akan bergerak kembali. anda cukup menambahkan sedikit program ke dalam tag marquee.

Untuk kode HTML-nya bisa dilihat di text area berikut 2:

<marquee align="center" direction="left" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2"><span style="color: yellow;">Silahkan Klik di Sini</span></marquee>

Hasilnya bisa dilihat sebagai berikut :

Silahkan Klik di Sini