Saturday, March 3, 2012

Membuat Teks Berjalan Dengan Marquee

Marquee adalah teks berjalan dalam bahasa html. Kalau kita lihat marquee menurut semantik sepertinya tidak ada hubungan dengan teks berjalan. Tapi kalau kita mau perhatikan lebih dalam, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sebagai tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda” tanpa spasi.

Marquee 1

Contoh Teks Berjalan

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

Marquee 2

Contoh Teks Berjalan

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

Marquee 3

Contoh Teks Berjalan

Marquee 3 jika Anda menggunakan teks berjalan yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan.

Marquee 4

Contoh Teks Berjalan

Marquee 4 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 4 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata.

Marquee 5

Contoh Teks Berjalan

Marquee 5 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif

Marquee 6

Contoh Teks Berjalan

Marquee 6 Masih pengembangan dari Marquee 5 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 3 jika Anda arahkan mouse pada teks maka dia akan berhenti.

Marquee 7

Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan

Marquee 7 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up). Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.

Marquee 8

Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan

Marquee 8 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.

Marquee 9

Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan

Marquee 9 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.

Marquee 10

Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan
Contoh Teks Berjalan

Marquee 10 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.
Mau Tag Html Marquee DOWNLOAD DISINI

Demikian tips sederhana ini, silahkan Anda coba….!

Artikel Terkait :



0 comments:

Post a Comment