Marquee adalah sebuah text yang dapat berjalan dari kiri ke kanan, kanan ke kiri, bawah ke atas, dan atas ke bawah. Marquee sangat popular diminati dan digunakan di Blog maupun web karena dengan marquee, Blog atau web akan semakin menarik, di samping itu juga dapat menghemat tempat.
Contoh beberapa marquee :
Marquee dari dari kanan ke kiri
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dari kiri ke kanan
<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dari atas ke bawah
<MARQUEE align="center" direction="up" height="200" scrollamount="2" width="30%">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marque dari bawah ke atas
<MARQUEE align="center" direction="down" height="200" scrollamount="2" width="30%">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dengan pola gerakan bolak balik (dari kiri ke kanan lalu kembali dari kanan ke kiri)
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Maka Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dengan pola gerakan satu kali saja
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="slide">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dengan pola gerakan berputar atau berjalan terus
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="scroll">
Selamat datang di Blog-nya mas Aji
</MARQUEE>
Maka Hasilnya adalah sebagai berikut:
Selamat datang di Blog-nya mas Aji
Marquee dengan variasi huruf dan warna latar belakang
<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
</MARQUEE></b></FONT></div>
Maka Hasilnya adalah sebagai berikut:
<FONT FACE=“georgia ” color=“White”>
Marquee dengan variasi apabila mouse berada di atasnya, maka marquee tersebut akan berhenti
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Untuk mencobanya silahkan arahkan mouse anda ke marquee ini
</marquee>
Lihat hasilnya:
Untuk mencobanya silahkan arahkan mouse anda ke marquee ini
Marquee yang di dalamnya terdapat link
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://kemayarancity.Blogspot.com" target="new">Coba klik di sini untuk menuju ke Rahasia Blog</a><br/>
<a href="http://kemayarancity.Blogspot.com" target="new">Rahasia Blog</a><br/>
<a href="http://dunia-chord.Blogspot.com" target="new">Kumpulan Chord Guitar </a><br/>
<a href="http://dunia-chord-artikel.Blogspot.com" target="new">Artikel Guitar </a><br/>
</marquee>
Lihat hasilnya:
Blogspot.com” target=“new”>Coba klik di sini untuk menuju ke Rahasia Blog
Blogspot.com” target=“new”>Rahasia Blog
Blogspot.com” target=“new”>Kumpulan Chord Guitar
Blogspot.com” target=“new”>Artikel Guitar
Untuk lebih jelasnya tentang code-code di atas, saya jabarkan berikut ini:
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
WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen
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
WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen
Selamat mencoba…
0 komentar