Membuat Teks Berjalan "Marquee"

Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang sering anda jumpai, hanya teks ini bisa bergerak kekanan, kiri, atas dan bawah.

Anda bisa memodifikasi sesuai kebutuhan, misal untuk ucapan terimakasih, membuat link, pasang iklan agar lebih menonjol, berita atau informasi, biasnya terletak paling bawah dan berjalan dari kanan ke kiri.

Marquee mengunakan tag sebagai berikut : <marquee> Diisi sesuai kehendak </marquee> .jangan lupa di beri tanda penutup “/ ”.

Arti script yang akan di gunakan pada marquee:

DIRECTION "left, right, up, down" = Mengatur arah gerakan teks.

BGCOLOR "warna" = Untuk mengatur warna background 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.


WIDTH "lebar" = Mengatur lebar blok teks dalam pixel atau persen.

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.



Biar lebih jelas lansung aja ke contoh yang sederhana terlebih dahulu :

<marquee align="center" direction="right" height="200" scrollamount="5" width="500">Dari kanan ke kiri</marquee>

Hasilnya sebagai berikut:


Dari kanan ke kiri

Contoh :


Jika ingin menganti arah teks silahkan menganti huruf right pada direction sesuai kebutuhan anda.

Right = dari kiri menuju kanan

left = dari kanan menuju kiri

up = dari bawah menuju atas

down = dari atas menuju bawah




Contoh lain:

<font color="white"><MARQUEE onmouseover="this.stop()" align="Left" direction="left" scrollamount="3" onmouseout="this.start()" bgcolor="red" width="500" height="20"><strong><blink>fitzgeral-komputer.blogspot.com</blink> contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali</strong></MARQUEE></font>

Hasilnya sebagai berikut:

fitzgeral-komputer.blogspot.com contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali

keterangan :

1. Merubah warna teks hitam menjadi putih = "<font red">white">...isi area marquee...</font>"



2. Menjadikan tebal teks = " <strong>... isi teks...</strong> "




3. Membuat teks berkedip = " <blink>...isi teks...</blink> "



4. Teks berhenti jika cursor diletakan diarea maqruee =
   
   "....<marquee onmouseover="this.stop()".....isi atribut.....onmouseout="this.star()....>"
   
   

Contoh yang menngunakan link:

<br><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100&percnt;" height="100" align="center"><br><a href="http://fitzgeral-komputer.blogspot.com" target="new">Contoh1</a><br/><br><a href="http://bebaskomunitas.blogspot.com" target="new">Contoh2</a><br/><br><a href="http://putro-os.blogspot.com" target="new">Contoh2</a><br/><br><a href="http://budayapunk.blogspot.com" target="new">Contoh4</a><br/><br></marquee> <br><br><br>

Hasilnya sebagai berikut:

Contoh1



Contoh2




Contoh2



Contoh4

Keterangan:

1. Membuat teks melakukan link = " ...<a href="http://fitzgeral-komputer.blogspot.com" target="new">Contoh</a>..."

Sangat mudah bukan?... sekarang tinggal anda mengembangkan sendiri. Gambar, foto, dan animasi lainya bisa disisipi dialam marquee. Selamat mencoba.