Membuat kode html untuk gambar berjalan
Dihalaman
website kadang kadang ada kolom dimana terdapat gambar yang berjalan, anda
pasti sudah tahu kan ??? dibalik keindahan seperti itu terdapat kode html
dengan perintah “marquee”. Dengan sintaks ini kita bisa mengatur arah
gerakannya dari kanan ke kiri, dari kiri ke kanan,bolak- balik, dari atas ke
bawah, memantul dan lain – lain.
Penulis akan
memberikan rahasianya, bagaimana kode htmlnya. Penulisan sintaks marquee
meliputi kode kode karakter yang ditampilkan pada kolomnya, contoh penggunaanya
sebagai berikut :
· teks dari
kanan ke kiri
<marquee
direction=”left” scrollamount=”5” height=”100px” width=”900px bgcolor=”#000000”
teks meluncur dari kanan ke kiri </marquee>
·
teks dari kiri
ke kanan
<marquee
direction=”right” scrollamount=”5” height=”100px” width=”900px
bgcolor=”#000000” teks meluncur dari kiri ke kanan </marquee>
·
teks berjalan
bolak balik
<marquee
direction=”left” behavior=”alternate” scrollamount=”5” height=”100px”
width=”900px bgcolor=”#000000” teks berjalan bolak balik </marquee>
·
teks berjalan
vertical
<marquee
bgcolor=”#0000ff” direction=”down” height=”70px” scrollamount=”5”
width=”100%”> teks berjalan vertical</marquee>
<marquee
bgcolor=”#0000ff” direction=”up” height=”70px” scrollamount=”5” width=”100%”>
teks berjalan vertical</marquee>
·
teks berjalan
satu kali kemudian stop
<marquee
bgcolor=”#0000ff” behavior=”slide” direction=”up” height=”70px”
scrollamount=”5” width=”100%”> teks berjalan dari atas ke
bawah</marquee>
·
teks memantul
silang
<marquee
scrolldelay=”10” behavior=”alternate” direction=”up” width=”100%”
scrollamount=”2” height=”70px”
bgcolor=”#0000ff”><marquee scrolldelay=”10” behavior=”alternate”
direction=”left” scrollamount=”2”>teks memantul silang</marquee>
·
teka berjalan
vertical dan berhenti ketika mouse diarahkan
<marquee
onmouseover=”this.stop()” onmouseout=”this.start()” bgcolor=”#ff0000”
scrollamount=”2” direction=”up” width=”100%” height=”100” align=”left”>
<a
href=”#”>gambar 1 </a><br>
<a
href=”#”> gambar 2</a> <br>
<a
href=”#”>gambar 3 </a><br>
<a
href=”#”>gambar 4 </a><br>
<a
href=”#”>gambar 5 </a><br>
</marquee>
Demikian ilmu
yang bisa penulis berikan, untuk selebihnya praktekkan agar anda lebih mahir.
