Popular Post

Popular Posts

Posted by : Alwi Fauzi Monday, April 4, 2011

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag <marquee> ... </marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

           Scroll --> teks bergerak berputar
           Slide--> teks bergerak sekali lalu berhenti
           Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLAMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Contoh:
Kode:

<marquee align="centre" direction="right" scrollmount="2" height="100" width="100%">Teks dari Kiri ke Kanan</marque>

Hasil
Teks dari Kiri ke Kanan

Kode:
<marquee align="centre" direction="right" scrollmount="2" height="100" width="100%" behavior="alternate">Teks Bergerak Bolak Balik dari Kiri Ke Kanan lalu Balik lagi</marque>
Hasil:
Teks Bergerak Bolak Balik dari Kiri Ke Kanan lalu Balik lagi
Kode:
<div align="left"><font face="georgia" color="White"><b><Marque bgcolor="blue" width="100%"  scrollamount="3" behavior="alternate">Marque dengan Efek Font dan Background
</marquee></b></font></div>
Hasil:
Marque dengan Efek Font dan Background

Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
silahkan tunjuk ke sini
</marquee>
Hasil:
Silahkan Tunjuk ke Sini

Gunakan kreatifitas kalian sendiri agar lebih menarik.
Thanks to Kang Rohman

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Blog Kang Alwi - Devil Survivor 2 - Powered by Blogger - Designed by Johanes Djogan -