Contoh-contoh penggunaan tag marquee
Standar tag marquee tanpa atribut
Marquee dengan atribut direction
Marquee dengan atribut behavior
Marquee dengan atribut scrolldelay
Marquee dengan atribut scrollamount
Marquee dengan atribut width
Marquee dengan atribut height
Marquee dengan atribut bgcolor
Marquee dengan atribut style
Marquee dengan beberapa atribut
Marquee dengan link dan mouseover atribut
Marquee dengan gambar
Untuk gambar kita cupup memasukkan lokasi gambarnya dan lakukan pengaturan dengan atribut-atribut marquee tersebut.
Jika ada pertanyaan atau komentar silahkan sampaikan melalui Comment.
Kembali ke Membuat teks berjalan dengan tag Marquee.
<marquee>Standar tag marquee tanpa atribut</marquee>
Marquee dengan atribut direction
<marquee direction="up">marquee direction="up"</marquee>
<marquee direction="right">marquee direction="right"</marquee>
<marquee direction="down">marquee direction="down"</marquee>
<marquee direction="left">marquee direction="left"</marquee>
Marquee dengan atribut behavior
<marquee behavior="alternate">marquee behavior="alternate"</marquee>
<marquee behavior="scroll">marquee behavior="scroll"</marquee>
<marquee behavior="slide">marquee behavior="slide"</marquee>
Marquee dengan atribut scrolldelay
<marquee scrolldelay="100">marquee scrolldelay="100"</marquee>
<marquee scrolldelay="200">marquee scrolldelay="200"</marquee>
<marquee scrolldelay="300">marquee scrolldelay="300"</marquee>
Marquee dengan atribut scrollamount
<marquee scrollamount="10">marquee scrollamount="10"</marquee>
<marquee scrollamount="20">marquee scrollamount="20"</marquee>
<marquee scrollamount="30">marquee scrollamount="30"</marquee>
Marquee dengan atribut width
<marquee width="75%">marquee width="75%"</marquee>
<marquee width="160">marquee width="160"</marquee>
Marquee dengan atribut height
<marquee height="75%">marquee height="75%"</marquee>
<marquee height="30">marquee height="30"</marquee>
Marquee dengan atribut bgcolor
<marquee bgcolor="red">marquee bgcolor="red"</marquee>
<marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>
Marquee dengan atribut style
<p><marquee style="padding:4px;font-size:18px;color:#0C9;background:#000;">HTML CSS Guides.com<br />
<span style="font-size:12px;color:#ff3;">Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.</span></marquee></p>
Marquee dengan beberapa atribut
<p style="background: #366;text-align:center;padding:4px;font-size:20px;color:#0fc;">
<marquee direction="left" scrollamount="5" width="200"><<< MACAM-MACAM</marquee>
<marquee direction="right" scrollamount="5" width="200">MACAM-MACAM >>></marquee><br />
<marquee behavior="alternate" width="400" style="font-size:14px;color: #fff;" >Contoh Marquee</marquee></p>
<marquee onmouseover="this.stop();" onmouseout="this.start();">Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui <a href="/membuat-teks-berjalan-dengan-tag-marquee#comment" title="Tinggalkan pesan">comment</a></a></marquee>
Ketika kita menggeser mouse ke area teks dibawah maka teksnya akan berhenti.Marquee dengan gambar
Untuk gambar kita cupup memasukkan lokasi gambarnya dan lakukan pengaturan dengan atribut-atribut marquee tersebut.
<marquee><img src="../images/marquee1.jpg" /> <img src="../images/marquee2.jpg" /> <img src="../images/marquee3.jpg" /></marquee>
<marquee scrollamount="2" width="100" style="background:url(../images/marqueebg.jpg);"><img src="../images/marquee1.jpg" /><img src="../images/marquee2.jpg" /><img src="../images/marquee3.jpg" /></marquee>
Jika ada pertanyaan atau komentar silahkan sampaikan melalui Comment.
Kembali ke Membuat teks berjalan dengan tag Marquee.
Tidak ada komentar:
Posting Komentar