Monday, February 7, 2011

Membuat Efek Marquee/Teks Berjalan

Marquee adalah kode HTML untuk membuat teks bisa bergerak. Efek marquee ini disenangi dan dipakai sebagian besar para blogger di dalam blognya karena sifatnya yang dinamis serta menarik untuk dilihat disamping untuk menghemat tempat pada halaman blog, ada beberapa jenis efek marquee diantaranya adalah efek marquee dari gerakan, bergerak dari kanan ke kiri, perilaku gerakan, dengan variasi teks dan warna latar belakang, dengan gerakan dan berhenti jika disorot mouse, dengan link didalamnya.




Contoh marquee dari gerakan

kode;

<marquee align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri</marquee>

hasilnya;


marquee dari kanan ke kiri



* Anda bisa ganti kata "left" dengan keinginan Anda yaitu bisa : left, up, down.

Contoh marquee dari perilaku gerakan

kode;

<marquee align="center" behavior="alternate" height="200" scrollamount="3" width="70%">
marquee menurut perilaku</marquee>

hasilnya;

marquee menurut perilaku



Contoh marquee dengan variasi teks dan warna latar belakang

kode;

<div align="left">
<span style="color: white; font-family: arial;"><b><marquee behavior="alternate" bgcolor="#6C755B" scrollamount="3" width="70%">
marquee dengan variasi teks
</marquee></b></span></div>

hasilnya;

marquee dengan variasi teks




Contoh marquee ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain teks akan bergerak kembali

kode;

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%">
Anda arahkan disini mousenya</marquee>

hasilnya;

Anda arahkan disini mousenya



Contoh marquee yang di dalam nya terdapat link

kode;

<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="http://lagu-enak-mp3.blogspot.com/" target="new">Lagu Enak</a>
<a href="http://vector-images.blogspot.com/" target="new">Vector Images</a>
<a href="http://freelogo-downloads.blogspot.com/" target="new">Free Logo Download</a></marquee>

hasilnya;


Lagu Enak
Vector Images
Free Logo Download



Begitulah contoh-contoh dari efek marquee, ...

0 comments:

Post a Comment

 
© 2011 Graphic Science | Powered by Blogger