1. Buat teks berjalan dari kanan ke kiri (default)
Kode
<marquee> Membuat teks berjalan </marquee>
Hasil :
Membuat teks berjalan
2. Membuat teks berjalan dari kiri ke kanan (direction)
Kode:<marquee behavior=”scroll” direction=”right” height=”50″ width=”auto”>Teks berjalan dari kiri ke kanan</marquee>
Hasil:
Teks berjalan dari kiri ke kanan
3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount=”30″
Kode:
Anda bisa mengubah angka 30 pada scrollamount=”30″
Kode:
<marquee behavior=”scroll” direction=”left” scrollamount=”5″>Teks bergerak lambat</marquee>
<marquee behavior=”scroll” direction=”left” height=”100″ scrollamount=”30″ width=”auto”>Teks bergerak lebih cepat</marquee>
<marquee behavior=”scroll” direction=”left” height=”100″ scrollamount=”30″ width=”auto”>Teks bergerak lebih cepat</marquee>
hasil:
Teks bergerak lambat
Teks bergerak lebih cepat
Teks bergerak lebih cepat
4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan
Kode:<marquee behavior=”alternate”>Teks berjalan bolak balik</marquee>
Contoh hasil-nya:
Teks berjalan bolak balik
5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata “blue” pada kode bgcolor=”blue” , warna lain bisa dilihat disini tabel warna
Kode:Untuk mengganti background (warna latar belakang-nya) bisa ganti kata “blue” pada kode bgcolor=”blue” , warna lain bisa dilihat disini tabel warna
<marquee bgcolor=”blue” height=”50″ width=”auto”>
Teks berjalan dengan background biru
</marquee>
Teks berjalan dengan background biru
</marquee>
Contoh tampilan:
Teks berjalan dengan background biru6. Membuat teks bergerak dari bawah ke atas
Kode:
<marquee behavior=”scroll” direction=”up” height=”200″ width=”auto”>
Teks bergerak dari bawah ke atas
</marquee>
Teks bergerak dari bawah ke atas
</marquee>
untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction=”up” menjadi direction=”down”
Contoh:Teks bergerak dari bawah ke atas
7. Membuat teks bergerak dari bawah ke atas (di dalam kotak teks)Kode:
<div style=”border: 1px solid rgb(202, 61, 217); height: 180px; overflow: auto; padding: 5px;”>
<b>
<marquee behavior=”scroll” scrollamount=”3″ direction=”up”></br>
<a href=”http://artikelkomputerku.blogspot.com/”>Artikel Komputer</a></br>
<a href=”http://www.komputerseo.com/”>Komputer SEO</a></br>
<a href=”http://mycomputerdummies.blogspot.com/”>My Computer Dummies</a></br>
<a href=”http://dummy-ku.blogspot.com/”>Dummy-ku</a></br>
</marquee>
</b>
</div>
<b>
<marquee behavior=”scroll” scrollamount=”3″ direction=”up”></br>
<a href=”http://artikelkomputerku.blogspot.com/”>Artikel Komputer</a></br>
<a href=”http://www.komputerseo.com/”>Komputer SEO</a></br>
<a href=”http://mycomputerdummies.blogspot.com/”>My Computer Dummies</a></br>
<a href=”http://dummy-ku.blogspot.com/”>Dummy-ku</a></br>
</marquee>
</b>
</div>