Membuat Tulisan Berjalan

Tulisan berjalan?? Trik ini merupakan trik lama yang saya ketahui dari waktu SMA dulu, yaitu Marquee yang digunakan saat belajar HTML dulu.. Setelah dilihat-lihat, ternyata dalam Blogging juga dapat dimanfaatkan seperti dalam widget link(backlink)..
Posting kali ini sangat simple dan lumayan menarik, saya akan memberikan tips-tips penggunaan Marquee ini sesuai yang saya tahu saja...^^
a
<marquee behavior="alternate" direction="right">Tulisan anda disini</marquee>
Contoh diatas adalah tulisan yang akan memantul-mantul (bolak-balik) dan dimulai dengan ke arah kanan.
Yang harus diperhatikan adalah fungsi "behavior" dan "direction".

Pada behavior="alternate", fungsi "alternate dapat diganti dengan:
alternate : mantul-mantul (bolak-balik)
scroll : tulisan akan berjalan ke satu arah dan terus berulang-ulang.
slide : tulisa akan berjalan ke satu arah dan akan berhenti pada satu titik akhir.

Pada direction="right", fungsi right dapat diganti dengan:
right : bergerak ke arah kanan
left : bergerak ke arah kiri
up : bergerak keatas
down : bergerak ke bawah

Tidak hanya itu saja fungsi yang dapat kita gunakan dalam Marquee. Agar tulisan/link/gambar yang kita pasang berhenti bergerak saat pointer mouse mengarah pada tulisan/link/gambar kita tambahkan:
onmouseover="this.stop()" dan onmouseout="this.start()" menjadi seperti ini:
<marquee behavior="alternate" direction="right" onmouseover=""this.stop()" onmouseout="this.start()">Tulisan anda disini</marquee>
Fungsi masing-masing kode:
onmouseover="this.stop()" : saat pointer mouse diarahkan, tulisan/link/gambar akan berhenti bergerak.
onmouseout="this.start()" : saat pointer mouse dijauhkan, tulisan/link/gambar akan kembali bergerak.

Ada beberapa fungsi yang lain yang dapat kita gunakan, yang menurut saya tidak terlalu berguna(tergantung kondisi), seperti:
  • Width="100px" untuk menyesuaikan lebar gerak tulisan/link/gambar
  • Height="100px" untuk menyesuaikan tinggi gerak tulisan/link/gambar
  • bgcolor="#00D" untuk membuat background warna pada tulisan/link/gambar tersebut
  • scrollamount="2" untuk mengatur kecepatan gerak tulisan/link/gambar(0=berhenti)

Demikianlah posting saya kali ini(kayak pidato aja ^^)
Terima kasih sudah berkunjung.
Happy Blogging ^^..