Sintak HTML Untuk Membuat Teks Berjalan

Welcome To My Blog by. Aldalex

Perkahkah anda melihat sebuah kalimat atau teks berjalan yang menghiasi sebuah blog / situs seperti diatas? Tentu bisa menambah daya tarik dan unik jika dipasang di web atau blog kamu. Disini saya akan berbagi Sintak HTML dengan anda, namun saya hanya membahas perintah dasarnya saja, untuk lebih unik lagi silahkan anda kreasi sendiri.

Contoh Dan Sintak HTMLnya:

Teks berjalan ke kiri secara continu

<marquee direction="left" behavior="scroll" scrollamount="2" scrolldelay="10">Teks berjalan ke kiri secara continu</marquee>

Teks berjalan ke kanan secara continu

<marquee direction="right" behavior="scroll" scrollamount="2" scrolldelay="10">Teks berjalan ke kanan secara continu</marquee>

Teks berjalan keatas secara continu

<marquee direction="up" behavior="scroll" scrollamount="2" scrolldelay="10" height="40px">Teks berjalan keatas secara continu</marquee>

Teks berjalan kebawah secara continu

<marquee direction="down" behavior="scroll" scrollamount="2" scrolldelay="10" height="40px">Teks berjalan kebawah secara continu</marquee>

Teks berjalan kebawah 2 kali

<marquee direction="down" loop="2" behavior="slide" scrollamount="1" scrolldelay="10" height="40px">Teks berjalan kebawah 2 kali</marquee>

Teks berjalan kebawah 1 kali

<marquee direction="down" behavior="slide" scrollamount="1" scrolldelay="10" height="40px">Teks berjalan kebawah 1 kali</marquee>

Teks berjalan bolak balik horizontal

<marquee direction="right" behavior="alternate" scrollamount="5" scrolldelay="1" height="20px"> Teks berjalan bolak balik horizontal</marquee>

Teks berjalan bolak-balik vertikal

<marquee direction="up" behavior="alternate" scrollamount="2" height="40px" scrolldelay="10">Teks berjalan bolak-balik vertikal</marquee>

Teks Berjalan dengan Efek Bounce

<marquee direction="up" behavior="alternate" scrollamount="5" scrolldelay="10" height="50px"><marquee direction="left" behavior="alternate" scrollamount="5" scrolldelay="10">Teks Berjalan dengan Efek Bounce</marquee></marquee>

Teks Berhenti Jika Mouse diarahkan dan berada diarea Marquee

<marquee behavior="alternate" direction="up" onmouseover="this.stop()" height="40px" onmouseout="this.start()"> Teks Berhenti Jika Mouse diarahkan dan berada diarea Marquee</marquee>

Keterangan:
<marquee&gt:  </marquee> : tag HTML fungsi teks berjalan
direction="left" :  Menentukan arah teks berjalan kekiri
direction="right" : Menentukan arah teks berjalan kekanan
direction="up" : Menentukan arah teks berjalan keatas
direction="down" : Menentukan arah teks berjalan kebawah
behavior="scroll" : Berjalan secara continu
behavior="slide" : Berjalan sekali
behavior="alternate" : Agar berjalan bolak balik
loop="" : Untuk menentukan pengulangan berapa kali teks akandijalankan
Scrollamount="": Untuk mengatur kecepatan gerakan dalam satuan pixel.
Scrolldelay="": Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
Width="": Untuk mengatur panjang ruangan teks dalam satuan pixel.
Height="": Untuk mengatur lebar ruangan teks dalam satuan pixel.