Marquee merupakan suatu program HTML untuk membuat teks atau tulisan agar dapat bergerak atau berjalan. Selain dapat menghemat tempat pada halaman blog, program marquee ini juga terlihat menarik karena sifatnya yang dinamis. Marquee ini dapat dibuat dengan menggunakan tag <marquee> ... </marquee>.
Adapun atribut yang sering digunakan adalah seperti di bawah ini:
--- bgcolor >> berfungsi untuk mengatur warna background (latar belakang) teks.
--- direction >> untuk mengatur arah gerakan teks, bisa left, right, up atau down.
--- behavior >> gunanya untuk mengatur perilaku gerakan, bisa scroll, slide atau alternate.
--- scroll >> menunjukkan teks bergerak berputar.
--- slide >> menunjukkan teks bergerak sekali lalu berhenti.
--- alternate >> menunjukkan teks bergerak dari kiri ke kanan lalu balik lagi.
--- title >> yaitu pesan akan muncul saat mouse berada di atas teks.
--- scrollamount >> yaitu untuk mengatur kecepatan gerakan dalam piksel, semakin besar angka semakin ---- cepat gerakannya.
--- scrolldelay >> berfungsi untuk mengatur waktu tunda gerakan dalam mili detik
--- width >> untuk mengatur lebar blok teks dalam pixel atau persen.
--- height >> untuk mengatur tinggi area marquee.
Berikut ini beberapa contoh dari marquee:
Contoh marquee dari gerakan :
<marquee align="center" direction="left" height="20" scrollamount="3" width="100%">
INI ADALAH MARQUEE DENGAN DIRECTION LEFT
</marquee>
Hasilnya:
INI ADALAH MARQUEE DENGAN DIRECTION LEFT
Ganti kata "left" dengan keinginan Anda yaitu bisa right, up, down.
Contoh marquee dari perilaku gerakan :
<marquee align="center" behavior="alternate" direction="left" height="20" scrollamount="3" width="100%">
INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN
</marquee>
Hasilnya seperti di bawah ini:
INI ADALAH CONTOH MARQUEE DARI PERILAKU GERAKAN
Contoh marquee dengan variasi huruf dan warna latar belakang:
<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="blue" scrollamount="3" width="100%">
MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG
</marquee></b></span></div>
hasilnya :
MARQUEE DENGAN VARIASI HURUF DAN WARNA LATAR BELAKANG
Berikut ini adalah variasi lain dari marquee yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ke tempat lain maka teks akan bergerak kembali.
Contoh, silakan arahkan mouse Anda ke area marquee di bawah ini:
<marquee align="center" direction="up" height="90" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
ARAHKAN MOUSE ANDA KE SINI
</marquee>
hasilnya :
ARAHKAN MOUSE ANDA KE SINI
Contoh marquee yang didalamnya terdapat link :
<marquee align="center" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="http://pemula94.blogspot.com/2011/01/daftar-isi_01.html" target="_blank">Daftar Isi</a>
<a href="http://pemula94i.blogspot.com/2011/01/tukar-link.html" target="_blank">Tukar Link</a>
<a href="http://pemula94.blogspot.com/2011/05/kode-warna.html" target="_blank">Kode Warna</a>
</marquee>
hasilnya :
Daftar Isi
Tukar Link
Buku Tamu
Bagaimana sobat ? Mudah kan ? Selamat Mencoba kawan.. :D
sumber : http://www.wahyu-fa.net
Artikel Terkait:
- cari template klik disini
- Apa Itu SEO?
- Apa Itu JavaScript
- Kelebihan Dan Kekurangan Blogspot dan Wordpress
- Cara Memberi Password Pada Winrar
- APAKAH BLOGGER ITU PAHLAWAN?
- Cara Memasang Tukeran Link Otomatis Dengan Mistery Linky's Magic Wizard
- efek loading blog dengan animasi keyfames
- 9 Cara Membuat Loading Blog 300% Lebih Cepat
- Cara Memasang Tombol Back to Top diatas Footer pada Blog
- Cara Scan Blog dan Website dari Virus dan Malware
- EFEK SHADOW PADA TEXT DENGAN CSS
- Loading Blog dengan Keyframes dari Bawah ke Atas
- menu blog dengan CSS
- CARA MENGUBAH "JOIN THIS SITE" DENGAN GAMBAR FOLLOWERS 999999999
- cara membuat menu berbentuk lingkaran
- Membuat Efek Sliding
- cara membuat tooltip di blog
- cara membuat read more dan add coment
- cara membuat menu navigasi
- cara membuat gambar poting berputar saat di sorsot mouse
- Pentingnya & Manfaat bahasa inggris bagi seorang blogger
- Pengertian Tentang Komentar Kentut Pada Blog
- Cara Membuat Kotak Judul Postingan Jadi Menarik
- Cara Memasang Embed Link di bawah Postingan Blog
0 Comments
