Marquee Code HTML Scrolling Text

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan, banyak Code untuk membuat teks untuk bergerak. Antara lain di bawah ini dalam contoh sederhana :

Dari kanan ke kiri

Slide-In Text
Code :

<marquee behavior="slide" direction="left">Your slide-in text </marquee>

Preview :
Your slide-in text

---

Continuous scrolling text
Code :

<marquee behavior="scroll" direction="left">Your continuous scroll text </marquee>

Preview :
Your continuous scroll text

---

Faster Scrolling
Code :

<marquee behavior="scroll" direction="left" scrollamount="30">Your continuous scrollable text</marquee>

Preview :
Your continuous scrollable text

---

Dari kiri ke kanan

Slide-In Text
Code :

<marquee behavior="slide" direction="Right">Your slide-in text </marquee>

Preview :
Your slide-in text

---

Continuous scrolling text
Code :

<marquee behavior="scroll" direction="Right">Your continuous scroll text </marquee>

Preview :
Your continuous scroll text

---

Faster Scrolling
Code :

<marquee behavior="scroll" direction="Right" scrollamount="30">Your continuous scrollable text</marquee>

Preview :
Your continuous scrollable text

---

Text memantul bolak balik

Kecepatan normal

Code :

<marquee behavior="alternate">Teks bolak balik kecepatan normal</marquee>

Preview :
Teks bolak balik kecepatan normal

---

Cepat

Code :

<marquee behavior="alternate" scrollamount="30">Teks bolak balik cepat</marquee>

Preview :
Teks bolak balik cepat

---

Scrolling text dari bawah ke atas
Code :

<marquee behavior="scroll" direction="up">scrolling text dari bawah ke atas</marquee>

Preview :

---

scrolling text dari bawah ke atas

---

Scrolling text dari atas ke bawah
Code :

<marquee behavior="scroll" direction="down">scrolling text dari atas ke bawah</marquee><

Preview :

---

scrolling text dari atas ke bawah

---

Jumping Text
Jumping Text dari kiri
Code :
<marquee behavior="scroll" direction="left" scrollamount="80" scrolldelay="500">Jumping Text dari kiri</marquee>

Preview :
Jumping Text dari kiri

Jumping Text dari kanan
Code :
<marquee behavior="scroll" direction="right" scrollamount="80" scrolldelay="500">Jumping Text dari kanani</marquee>

Preview :
Jumping Text dari kanan

---

Teks memantul pada dinding kolom
Code :

<span ><span style=" "><marquee behavior="alternate" bgcolor="Black" direction="up" height="100" scrollamount="2" scrolldelay="10" width="100%"&Gt;<marquee behavior="alternate" direction="left" scrollamount="2" scrolldelay="10">Teks yang Memantul pada dinding kolom</marquee></marquee></span></span><br />

Preview :
Teks yang Memantul pada dinding kolom

---

Atribut yang sering di gunakan adalah :

* BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

* DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks


* BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
o Scroll --> teks bergerak berputar
o Slide--> teks bergerak sekali lalu berhenti
o Alternate --> teks bergerak dari kiri kekanan lalu balik lagi
(bolak-balik)

* TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

* SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar
angka semajin cepat gerakannya.

* SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

* LOOP="angka|-1|infinite" --> Mengatur jumlah loop

* WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Kamu tinggal COPAS saja kodenya cukup mudah bukan dan lihat hasilnya...... ? kayanya terlalu panjang ni postingan Ok saya tutup sampai disini dulu untuk pembelajaran kode HTML tunggu postingan berikutnya..

---

Tutorial Terkait

Apa itu HTML ?
HTML Scroll Box
HTML Scroll Box Colors
HTML Picture Scroll Box
HTML Scroll Box Horizontal
HTML Scroll Box Vertikal
HTML Scroll Box Border

Posted in: Marquee HTML Code,Tutorial Code Html