tips membuat teks berjalan atau marquee. Sebenarnya sudah lama ingin segera memposting tentang marquee ini hanya karena keterbatasan waktu saja sehingga baru sekarang dapat memenuhi permintaan salah satu pengunjung blog ini. Teks yang berjalan selain menambah estetika yang dapat menarik si pengunjung juga menghemat side bar sehingga lebih efisien. Walaupun sudah banyak postingan yang mengajarkan tips marquee ini, namun tidak ada salahnya, tips n trik blog mengulasnya kembali siapa tahu berguna bagi new blogger.

Langsung saja kita mulai tips membuat marquee.

TEKS BERJALAN KE KANAN

Ketik atau copy paste code di bawah ini.

<span style="font-size: 100%;"><span style="font-family: trebuchet ms;"></span></span>

<div style="background-color: white; border: 0px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 60%;">
<marquee direction="right">Teks ini akan berjalan ke kanan</marquee> </div>

hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kanan


TEKS BERJALAN KE KIRI 

Ketik atau copy paste code di bawah ini.


<div style="background-color: white; border: 0px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 60%;">
<marquee direction="left">Teks ini akan berjalan ke kiri </marquee></div>

hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke kiri


TEKS BERJALAN KE BAWAH

Ketik atau copy paste code di bawah ini.

<div style="background-color: white; border: 0px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 60%;">
<marquee direction="down">Teks ini akan berjalan ke bawah </marquee> </div>

hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke bawah




TEKS BERJALAN KE ATAS
 
Ketik atau copy paste code di bawah ini.

<div style="background-color: white; border: 0px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 60%;">
<marquee direction="up">Teks ini akan berjalan ke atas</marquee> </div>

hasilnya dapat dilihat seperti di bawah ini.

Teks ini akan berjalan ke atas
TEKS AKAN BERHENTI JIKA DIDEKATKAN MOUSE

Ketik atau copy paste code di bawah ini.

Agar teks yang berjalan berhenti saat mouse didekatkan maka harus ditambahi kode seperti berikut onmouseover="this.stop()" onmouseout="this.start()"</span>

Ketik atau copy paste code di bawah ini.


<div style="background-color: white; border: 0px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 60%;">
<marquee direction="down" onmouseout="this.start()" onmouseover="this.stop()">Teks berjalan ke bawah</marquee> </div>
hasilnya dapat dilihat seperti di bawah ini.

Teks berjalan ke bawah