Rabu, 16 Januari 2013

Sintak HTML Untuk Membuat Teks Berjalan


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:
<marquee direction="left" behavior="scroll" scrollamount="2" scrolldelay="10">Teks berjalan ke kiri secara continu</marquee>

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

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

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

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

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

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

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

<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>

<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

by ROBERTO LUZ

Tidak ada komentar:

Posting Komentar