Di sini akan dijelaskan secara singkat bagaimana cara membuat tulisan berjalan di blog dengan berbagai variasi. Ada yang berjalan ke atas, ke bawah, ke kiri, ke kanan. Ada yang berjalan zig-zag, ada yang berjalan memantul, ada yang jalannya berhenti ketika disorot mouse dan lanin-lain. Anda bisa mengeditnya sendiri untuk disesuaikan dengan blog atau website Anda. Dengan sedikit kemampuan edit HTML akan mempercantik tampilan tulisan berjalan Anda.
- Tulisan Berjalan dari Kanan ke Kiri:
<marquee behavior="scroll">Tulisan berjalan dari kanan ke kiri</marquee> - Tulisan Berjalan dari Kiri ke Kanan:
<marquee behavior="scroll" direction="right">Tulisan berjalan dari kiri ke kanan</marquee> - Tulisan Berjalan dengan Background:
<marquee bgcolor="green" style="color:white;">Tulisan berjalan dengan background</marquee> - Tulisan Berjalan dengan Gambar:
<marquee behavior="scroll">
<img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/cm.jpg" width="110" height="84"><br />Tulisan berjalan dengan gambar</marquee> - Tulisan Berjalan ke Atas:
<marquee height="30" behavior="scroll" direction="up">Tulisan berjalan ke Atas</marquee> - Tulisan Berjalan ke Bawah:
<marquee height="30" behavior="scroll" direction="down">Tulisan berjalan ke Bawah</marquee> - Tulisan Berjalan Lambat:
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan berjalan lambat</marquee> - Tulisan Berjalan Mantul:
<marquee width="200" behavior="alternate">Tulisan berjalan mantul</marquee> - Tulisan Berjalan Zig-zag:
<marquee behavior="alternate" direction="up" height="50px">
<marquee direction="right">Tulisan berjalan Zig-zag</marquee>
</marquee> - Tulisan Berjalan Bouncing Around:
<marquee behavior="alternate" direction="up" width="300" height="100">
<marquee direction="right" behavior="alternate">Tulisan berjalan Bouncing Around</marquee> - Tulisan Berjalan yang Berhenti Kalau Disorot Mouse:
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang berhenti kalau disorot mouse</marquee>
Sedikit keterangan:
- Behavior="scroll/alternate" --> Untuk mengatur perilaku gerakan:
- Direction="left/right/up/down" --> Mengatur arah gerakan teks
- Scrollmount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya
- Scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
- Anda bisa mengotak-atik sendiri dengan memperhatikan kode yang berwarna merah
Selamat!!! Anda sudah bisa membuat tulisan berjalan atau marquee di blog