Membuat Marquee

Mungkin Anda pernah dapat masalah, “Gimana sich buat teks yang bisa berjalan-jalan?” Semula hal itu nampaknya rumit, tapi setelah dipikir-pikir , gampang kok …!! Yang penting mau aja memahaminya .. Berikut kodenya, Namanya Marquee...

kode dasarnya adalah   <marquee> tulisan </marquee> , tempatkan tulisan yang ingin sobat modif berjalan pada bacaan tulisan berwarna merah tersebut. Contohnya sebagai berikut:  

tulisan

untuk memodifikasi teks berjalan tersebut , dapat ditambahkan kode lagi. Seperti ini:

<marquee align="center" direction="right" height="200" scrollamount="2" width="100%">
 bergerak dari kanan ke kiri </marquee>

maka, jadinya akan seperti ini:

bergerak dari  kanan ke kiri

berikut keterangannya:

• DIRECTION --> Mengatur arah gerakan teks , bisa diganti dengan left/right/up/down, terserah Anda mau yang mana
• SCROLLMOUNT --> mengatur kecepatan gerakan, semakin besar semakin cepat , dapat diganti dengan angka
• WIDTH --> Mengatur lebar tempat teks berjalan , ganti dengan pixel atau pun persen gerakannya juga dapat diatur menjadi: teks bergerak berputar ,teks bergerak sekali lalu berhenti, teks bergerak bolak balik. 

Caranya:

• kodenya adalah BEHAVIOR="scroll/slide/alternate"
• pilih salah satu , apa scroll atau slide atau alternate
• scroll --> teks bergerak berputar
• slide --> teks bergerak sekali lalu berhenti
• alternate --> bolak balik

contoh lebih Bagus seperti ini:

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" behavior="scroll">
Bagus .......</marquee>

jadinya begini:




Bagus .......
bisa lagi dimodifikasi yang kalau kursor diarahkan ke tulisan , marqueenya berhenti . Codenya seperti ini:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="50%" height="200" align="center">
di sini tulisannya
</marquee>

maka jadinya seperti ini:





di sini tulisannya


Semoga bermanfaat...