1. Buat teks berjalan dari kanan ke kiri (default)
Kode
<marquee> Membuat teks berjalan </marquee>
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>
3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
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>
hasil:
4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan
Kode:
<marquee behavior="alternate">Teks berjalan bolak balik</marquee>
5. Membuat teks berjalan dengan background merah
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "red" pada kode bgcolor="red" , warna lain bisa dilihat disini tabel warna
Kode:
<marquee bgcolor="red" height="50" width="auto">
Teks berjalan dengan background biru
</marquee>
6. Membuat teks bergerak dari bawah ke atas
Kode:
<marquee behavior="scroll" direction="up" height="200" width="auto">
Teks bergerak dari bawah ke atas
</marquee>
untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"
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>
8. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()
Kode:
<marquee align="center" behavior="alternate" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100">
Teks 1
Teks 2
Teks 3
</marquee>
Anda bisa memasukkan kode kode di atas pada teks editor blogspot,Atau pada gadget html/javascript.Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :
<marquee><font size='3' face='comic sans ms' color=yellow> Selamat hari raya Idul Fitri 1 Syawal 1431 H, Mohon maaf lahir dan batin </font></marquee>
Pada kode di atas:
a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face='comic sans ms' , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.
0 comments:
Post a Comment