Membuat Teks Berjalan (Marquee)

_______________________________________________________________

Apa itu Marquee?

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.

Marquee 1.0

Marquee 1.0 ini merupakan marquee standar
agar teks Anda bisa berjalan secara default (dari kanan ke kiri).

Tag Html

<marquee>Teks Anda</marquee>

Contoh :Created By.Gilang

Marquee 1.0.1
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.

      Tag Html

      <marquee onmouseover="this.stop()" onmouseout="this.start()">Teks
      Anda</marquee>

      Contoh :    Created By.Gilang

Berikut Lainya Dr Model Marquee:

Marquee 2.0.1
Pengembangan dari marquee sebelumnya, dengan pancingan
scrollamount dia menjadi sangat agresif .
    Tag Html
    <marquee behavior="alternate" scrollamount="18">Teks Anda</marquee>

Marquee 2.0.2
Masih pengembangan dari Marquee 2.0 dengan sentuhan
on-mouse-over stop dan on-mouse-out start, seperti
marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.
    Tag Html
    <marquee behavior="alternate" onmouseover="this.stop()" onmouseout=
    "this.start()">Teks Anda</marquee>

Marquee 3.0
Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian
    Tag Html
    <marquee direction="up">Teks Anda</marquee>

Marquee 3.0.1
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
    Tag Html
    <marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2"     onmouseout="this.start()" height="100">Teks Anda</marquee>

Marquee 3.0.2
Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html
    <marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

Marquee 3.0.3
Marquee 3.0.3 Pengembangan juga 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 dengan ruang kasat yang kecil.
Silahkan Anda perlambat sendiri.
    Tag Html
    <marquee direction="down" width="100%" height="100">Teks Anda</marquee>

Demikian tips sederhana ini, silahkan Anda Mencoba coba….!
Semoga Bermanfaat ^-^

Created By.Gilang