Subscribe:

Pages

Tuesday, February 8, 2011

Membuat Text dengan Efek Marquee

Pernahkah anda membuka suatu website atau blog, kemudian ada text yang dapat bergerak, dari kanan ke kiri, kemudian dari atas ke bawah atau mungkin sebaliknya. Atau mudahnya lihat bagian atas blog saya ini ada text yang bertuliskan “kata-kata mutiara untuk hari ini : .....”  kerenkan. Text tersebut menggunakan efek marquee.

Text yang dapat bergerak tersebut biasanya di buat dengan program flash, pada kesempatan ini saya akan menjelaskan tentang efek marquee yang bisanya digunakan dalam kode HTML atau sebagai command untuk membuat text tersebut bergerak.

Perintah marquee biasanya menggunakan tag <marquee>...</marquee>, berikut ini beberapa istilah dalam penggunaan efek marquee :

1. Direction (left/right/up/down) ; perintah untuk mengatur arah gerakan text
2. Behavior (scroll/slide/alternate) ; perintah untuk mengatur perilaku gerakan
3. Bgcolor ; perintah untuk mengatur warna background text
4. Scroll ; perintah supaya teks bergerak berputar
5. Slide ; perintah supaya teks bergerak sekali lalu berhenti
6. Alternate ; perintah supaya teks bergerak dari kiri kekanan lalu balik lagi
7. Title (pesan) ; text yang ingin dimuculkan saat mouse berada di atas text
8. Width (lebar) ; perintah untuk mengatur lebar blok teks dalam pixel atau persen
9. Scrollmount (angka) ; perintah untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
10. Scrolldelay (angka) ;perintah untuk mengatur waktu tunda gerakan dalam mili detik
11. Loop (angka|-1|infinite) ; perintah untuk mengatur jumlah loop

Berikut ini perintah yang dapat digunakan pada kode HTML untuk membuat efek marquee,

Marquee dengan efek gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
ganti direction dengan keinginan anda yaitu bisa : right, up, atau down. Kemudian eksplorasi behaviournya, sehingga anda mendapatkan efek yang anda inginkan.

Marquee dengan variasi hurup dan warna latar belakang :
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
</MARQUEE></b></FONT></div>
Membuat efek Marquee berubah jika terkena cursor mouse :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Membuat efek marquee yang di dalamnya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>
 Memang perlu latihan yang cukup untuk menguasai efek marquee, jadi jika hasil efek marquee anda belum sesuai dengan harapan, anda perlu mencobanya lagi dan lagi untuk hasil yang maksimal.

0 komentar:

Post a Comment