Teks Berjalan (Marquee)

Membuat Teks Berjalan atau Marquee

Apa itu Marquee?

Marquee adalah teks yang dapat kita atur bergerak atau seperti berjalan-jalan, dengan menggunakan bahasa bahasa html. Marquee dapat dibuat bermacam-macam tergantung selera, karena dengan marquee blog kita bisa jadi menarik untuk dilihat.

Dengan marquee kita dapat membuat Teks, Link ataupun Gambar bergerak sesuai dengan keinginan.

Format dasarnya html marquee adalah  : <marquee> TEKS / LINK / GAMBAR </marquee>.


Beberapa kode html yang dibutuhkan untuk membuat marquee:

• onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text.
• direction="up" --> text akan bergerak ke atas. Bisa diganti dengan down, left, atau right.
• align="center" --> text rata tengah.
• scrollamount="2" --> kecepatan bergerak (makin besar angka berarti makin cepat).
• height="100px" --> batas vertikal marquee.
• onmouseover="this.stop()" --> marquee akan berhenti ketika mouse diarahkan ke zona marquee tersebut.
• width="200px" --> batas horizontal marquee. 

Berikut contoh marquee TEKS dan kode html-nya:

1. Marquee horizontal dari kanan ke kiri :
    Tag HTML:  <marquee direction "RIGHT"> Teks Anda <marquee>

Teks Anda

2. Marquee horizontal dari kiri ke kanan :
    Tag HTML:  <marquee Direction "LEFT">Teks Anda</marquee>

Teks Anda

3. Marquee horizontal yang bolak-balik dari kiri ke kanan dan sebaliknya :
    Tag Html: <marquee behavior="alternate">Teks Anda</marquee>
Teks Anda

4. Marque dengan pancingan scrollamount dia menjadi sangat agresif.
    Tag Html: 
Teks Anda

5. Marquee dengan sentuhan on-mouse-over stop dan on-mouse-out start, yaitu jika Anda arahkan mouse pada teks maka dia akan berhenti.

    Tag Html: 
Teks Anda

6. Marquee climbing yaitu marquee pendaki arah teks ke atas (up) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.
    Tag Html: 
Teks Anda

7. Marquee yang tidak mempunyai batas ruang, dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.

    Tag Html: 
Teks Anda

8. Marquee dengan teks berada di tengah.
    Tag Html: 

Teks Anda

9. Marquee dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif. Silahkan Anda perlambat sendiri.
   Tag Html:

• <marquee width="100%" direction="up" align="center" scrollamount="2" height="100px" onmouseout="this.start()" onmouseover="this.stop()"><a href="http://kursus-blog.blogspot.com/" target="_blank" alt="Kursus Blog">TEKS ANDA</a></marquee>

Teks Anda



Demikian tips sederhana membuat Marquee atau Teks berjalan, silahkan Anda coba.