MEMBUAT TEKS BERJALAN PADA HTML

Marquee ~Bagaimana sih cara buat teks berjalan di html? itu adalah pertanyaan yang mungkin kita pikirkan pada saat kita ingin agar animasi teks kita tidak membosankan. Marquee adalah sebuah perintah di HTML yang dapat membuat text dapat berjalan kekiri,kanan,bawah, atas dan sesuai keinginan kita.

Pada kesempatan kali ini saya akan membuat sebuah tutorial tentang mebuat teks dapat berjalan menurut keinginan kita. oke langsung kita praktekkan.

~ Membuat teks berjalan code dasarnya.
<marquee>Si kuda lumping sang pencakar langit</marque>

Hasil :

Si kuda lumping sang pencakar langit

ini adalah contoh kode dasarnya, jika ingin digerakkan sesuai keinginan, kita harus menambah kode tambahan lainnya.


~ Membuat teks berjalan dari kanan maupun kiri.
   Kanan= <marquee direction="right">Si kuda lumping sang pencakar langit</marque>
   Kiri    = <marquee direction="left">Si kuda lumping sang pencakar langit</marque>

Hasil :

Si kuda lumping sang pencakar langit
Si kuda lumping sang pencakar langit

~ Membuat teks berjalan dari bawah ke atas maupun sebaliknya.
   <marquee direction="up">Si kuda lumping sang pencakar langit</marquee>
   <marquee direction="down">Si kuda lumping sang pencakar langit</marquee>

Hasil :

Si kuda lumping sang pencakar langit
                                                                                Si kuda lumping sang pencakar langit

~ Membuat teks berjalan lambat atau cepat (Jeda waktu berjalan).
   Berjalan dengan lambat <marquee scrolldelay="500"Si kuda lumping sang pencakar langit</marquee>
   Berjalan dengan cepat<marquee scrollmount="200"Si kuda lumping sang pencakar langit</marquee>

Hasil :

Si kuda lumping sang pencakar langit
Si kuda lumping sang pencakar langit

~ Membuat teks berjalan bolak-balik.
   Kode agar teks berjalan bolak-balik <marquee behavior="alternate" direction="right" https:="" onmouseout="this.start()" onmouseover="this.stop()&gt;&lt;a href="yezato.blogspot.com" target="_blank" >Si kuda lumping sang pencakar langit</marquee>

Hasil :

Si kuda lumping sang pencakar langit

Sekian tutorial dari saya semoga tutorial ini dapat membantu dan bermanfaat bagi kita semua, saya ucapkan terima kasih sudah berkunjung.