Rabu, 14 Desember 2011

Mengenal Kode Marquee atau Text Berjalan

Mengenal Kode Marquee atau Text Berjalan 

Text berjalan atau marquee sering kali kita jumpai dibeberapa blog atau website ternama. Text berjalan tersebut biasanya menampilkan sebuah text berita atau text informasi menarik lainnya. Selain terlihat elegan, kode-kode marquee atau text berjalan tersebut juga asyik untuk kita pelajari atau hanya untuk sekedar menambah wawasan. Langsung saja, dalam kesempatan kali ini saya akan sedikit membahas tentang kode marquee atau text berjalan yang dapat Anda gunakan untuk blog Anda.

Marquee
Contoh penulisan kode marquee dalam html atau blog Anda:
<marquee>Text</marquee>
Text
<marquee><img src="Url Gambar" width="Lebar Gambar" height="Tinggi Gambar" /></marquee>


Berikut contoh dan kode-kode yang dapat diterapkan dalam marque:

WIDTH: Lebar area marquee.
<marquee width="200">Perhatikan lebar area text yang berjalan</marquee>
Perhatikan lebar area text yang berjalan

HEIGHT: Tinggi area marque.
<marquee height="100">1<br />2<br />3<br />4</marquee>
1
2
3
4

DIRECTION: Arah berjalan marquee.
<marquee direction="right">Berjalan Ke Kanan</marquee>
Berjalan Ke Kanan

BEHAVIOR: Jenis gulir marquee.
<marquee behavior="ALTERNATE">Bolak-Balik</marquee>
Bolak-Balik

SCROLLDELAY: Lama untuk penundaan setiap jarak marquee.
<marquee scrolldelay="1000">Berjalan ala kura-kura</marquee>
Berjalan ala kura-kura

SCROOLAMOUNT: Jarak untuk lompatan marquee.
<marquee scrollamount="50">Text Berlari</marquee>
Text Berlari

LOOP: Berapa kali atau perulangan.
<marquee loop=2>Setelah muncul 2x maka akan hilang</marquee>
Setelah muncul 2x maka akan hilang

BGCOLOR: warna latar belakang.
<marquee bgcolor=pink>Warna background pink</marquee>
Warna background pink

HSPACE Ruang horisontal.
<marquee hspace="50%">Perhatikan jarak horisontal</marquee>
Perhatikan jarak horisontal

VSPACE: Ruang vertikal.
<marquee vspace="50%">Perhatikan jarak vertikal</marquee>
Perhatikan jarak vertikal

Kode-kode diatas hanya sebagian kecil dari kode marque dan Anda dapat mengembangkannya lagi agar dapat lebih menarik. Selamat mencoba !

Sumber
Previous Post
Next Post

0 komentar: