Web Design 2

Contoh-contoh penggunaan tag marquee

Standar tag marquee tanpa atribut

<marquee>Standar tag marquee tanpa atribut</marquee>

Standar tag marquee tanpa atribut

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 direction="up" marquee direction="right" marquee direction="down" marquee direction="left"  

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 behavior="alternate" marquee behavior="scroll" marquee behavior="slide"

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 scrolldelay="100" marquee scrolldelay="200" marquee scrolldelay="300"

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 scrollamount="10" marquee scrollamount="20" marquee scrollamount="30"

Marquee dengan atribut bgcolor

<marquee bgcolor="red">marquee bgcolor="red"</marquee> <marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>

marquee bgcolor="red" marquee bgcolor="#ddd"

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>

HTML CSS Guides.com
Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.

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>

<<< MACAM-MACAM MACAM-MACAM >>>
Contoh Marquee

Marquee dengan link dan mouseover atribut

<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.

Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui comment

Marquee dengan gambar

Untuk gambar kita cukup 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>