Membuat Tulisan Berjalan dan Aplikasinya

Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.
Cara Membuat Tulisan Berjalan
1.Berikut ini adalah kode untuk tulisan berjalan ke samping

<marquee direction="left"><b>Selamat Datang di Blog Saya </b></marquee>

Selamat Datang di Blog Saya

Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.

2.Berikut ini adalah kode untuk tulisan berjalan ke atas

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Belajar Ngeblog di BLOG</b> </marquee>

Selamat Datang di Blog Saya 
3.Contoh Teks Bergerak Bolak-Balik Secara Horizontal

<marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="590px"> Teks Bolak-Balik Horizontal</marquee>

Teks Bolak-Balik Horizontal

4.Contoh Teks Berjalan Bolak-Balik Secara Vertikal

<marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="590px">
Teks Bolak-Balik Vertikal</marquee>

Teks Bolak-Balik Vertikal

5.Contoh Teks Berjalan Efek Bounce

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Teks Berjalan Efek Bounce</marquee></marquee></font>

Teks Berjalan Efek Bounce

6.Contoh Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue"> Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>

Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

7.Teks berjalan dengan kecepatan yaitu dengan menambahkan kode scrollamount.

 <marquee scrollamount="10">TEKS BERJALAN 10</marquee>
<marquee scrollamount="15">TEKS BERJALAN 15</marquee>
<marquee scrollamount="30">TEKS BERJALAN 30</marquee>

Hasilnya:
TEKS BERJALAN 10
TEKS BERJALAN 15
TEKS BERJALAN 30

8.TEKS ZIGZAG

<marquee behavior="alternate" direction="up" width="95%"><marquee direction="right" behavior="alternate">TEKS ZIGZAG</marquee></marquee>

Hasilnya:
TEKS ZIGZAG

Artikel Menarik Lainnya