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;
* Sampeyan bisa ganti kata "left" dengan keinginan, 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;
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;
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;
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;
Begitulah contoh-contoh dari efek marquee, ...
Selalu berkunjung sobat :)
ReplyDeleteMain k blog Ane ya gan
Klik 4information y gan :)
Komentar di tunggu sobat
Jangan lupa follow jga :) ( follow back )
Salam blogger
kita ngetik kode dimana mas ..
ReplyDeletemakasih banyak buat infonya gan...
ReplyDeleteijin shareya....
http://acemaxs86.com/
terima kasih mas, blognya sangat membantu saya.
ReplyDelete