Membuat Marquee

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">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

Maka hasilnya adalah sebagai berikut:

&ltFONT 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:

Coba klik di sini untuk menuju ke Rahasia Blog


Rahasia Blog


Kumpulan Chord Guitar


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

Selamat mencoba…