Tampilkan postingan dengan label Tutorial HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial HTML. Tampilkan semua postingan

Sabtu, 23 April 2011

Membuat Efek Marquee alias Teks Berjalan

Banyak diantara blogger yang suka menampilkan sesuatu yang menurutnya unik, lucu, atau beda di blog mereka, salah satunya teman saya yang nanya "ia gimana sih cara bikin tulisan yang jalan-jalan di blog?". Mungkin maksudnya marquee, dari situ saya pikir diposting aja deh soalnya ribet juga kalau harus dijelasin apalagi saya sama temen saya ini susah banget mau ketemu.

Pada dasarnya membuat marquee ini gampang, hanya menggunakan tag <marquee> .... </marquee>

Atribut-atribut yang sering digunakan adalah:
BGCOLOR = "warna" -->untuk mengatur warna background teks
DIRECTION = "left/right/up/down" --> pilih salah satu sebagai arah gerakan teks
BEHAVIOR = "scroll/slide/alternate" --> pilih salah satu sebagai perilaku teks
scroll-->teks bergerak memutar
slide-->teks bergerak sekali terus berhenti
alternate-->teks bergerak bolak balik kanan-kiri

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

Untuk lebih jelasnya akan saya kasih contoh :

<marquee align="center" direction="right" height="100" scrollamount="2" width="90%">
TEKS BERGERAK DARI KANAN KE KIRI</marquee>


TEKS BERGERAK DARI KANAN KE KIRI

Dan ini contoh lainnya: