baca juga : Mengenal tag, elemen dan attribut HTML
Marquee merupakan berasal dari bahasa HTML yang mempunyai arti "teks berjalan". Dimana hasil yang akan ditampilkan disini menggunakan web browser karena berbasis web. Apabila kita menilik dari segi penerapannya, fungsi tag <marquee> ini bisa untuk membuat informasi berjalan, judul postingan berjalan, terkadang bagi anda yang hobby dalam hal blogging, menampilkan link orang lain secara berjalan di side bar.
Tools
- Web Editor (notepad)
- Web Browser (Mozilla)
Cara pasang
Buka web editor
Lalu ketikan sintax dibawah atau mau copas juga boleh
<marquee> Contoh teks berjalan</marquee>
Simpan dengan ekstensi *.html atau dengan nama latmarquee.html
Selain dari contoh diatas, kita bisa memodifikasi atau mengembangkan lagi dari tag marquee tersebut. Karena tag <marquee> mempunyai beberapa attribut yang menarik kita coba. Mengenai apa saja dan bagaimana saja fungsinya, mari kita sama - sama lihat dibawah ini :
bgcolor = "warna" -> mengatur warna background dari teks
direction = "left | right | up | down" -> mengatur arah gerakan teks
behavior = "left | right | up | down" -> mengatur prilaku gerakan
scroll -> teks bergerak berputar
slide -> teks bergerak sekali lalu berhenti
alternate -> teks yang bergerak dari kiri ke kanan dan balik lagi
title = "nama judul" -> judul akan muncul ketika kursor di arahkan ke teks
scrollmount = "angka" -> mengatur kecepatan gerakan teks yang bergerak, semakin besar angka maka semakin cepat teks bergerak
scrolldelay = "angka" -> mengatur waktu tunda teks dalam mili detik
width = "angka lebar" -> mengatur lebar blok teks dalam pixel atau persen
Dari kiri ke kanan dengan lebar 30%
<marquee align="center" direction="right" scrollamount="2" width="30%"> marquee dari kiri ke kanan</marquee>
Marquee dengan background warna dan lebar 70%
<div align="left">
<span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="red" scrollamount="3" width="70%"> Marquee dengan background </marquee></b></span></div>
Berhenti saat kursor di arahkan
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%"> silahkan tunjuk ke sini </marquee>
Marquee dengan link
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <br />
<a href="http://svshare7.blogspot.com/">Download software dan tutorial</a><br />
</marquee> <br />
<br />
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> <br />
<a href="http://svshare7.blogspot.com/">Download software dan tutorial</a><br />
</marquee>
No comments:
Post a Comment