Cara Membuat Text Berjalan di HTML Lengkap Terbaru

 

rxhmadi.com - Terkadang kita perlu banget bikin running text di blog buat ngasih tau visitor tentang informasi atau apapun itu. Artikel kali ini akan membahas Tentang Bagaimana Cara Mmebuat Tulisan atau Text Berjalan (Running Text) di HTML secara lengkap paling baru :-D

Membuat Tulisan Berjalan di HTML

Dasar

Siapkan tulisan dan bungkus didalam tag <marquee> lalu lihat hasilnya, contoh: 

<marquee>Ini Tulisan Berjalan</marquee>

Ini Tulisan Berjalan

Simpan dan lihat hasilnya ! Secara default, teks akan berjalan dari kanan ke kiri dan terus berulang-ulang.

Kecepatan

Jika kecepatan terlalu cepat atau mungkin kurang cepat, bisa atur waktu untuk slide nya ini dengan tambahan scrolldelay :

<marquee scrolldelay="700">Ini Tulisan Berjalan</marquee>

Ini Tulisan Berjalan dengan kecepatan

700 merupakan millisecond, seperti biasa HTML membaca waktu dari millisecond.

Title

Seperti biasa pada bahasa HTML jika menggunakan title akan memunculkan judul dari element yang disentuh (hover), ibarat seperti tombol yang diberi title.

<marquee scrolldelay="700" title="Ini Muncul Saat Hover">Ini Tulisan Berjalan</marquee>

Ini Tulisan Berjalan

Tulisan “ini muncul saat hover” akan muncul ketika kursor menyentuh element tersebut, pada ranah SEO title ini merupakan salah satu hal penting untuk setiap element HTML yang ingin terdeteksi mesin pencari.

Sekali

Kamu juga bisa tampilkan tulisan berjalan hanya sekali saja, artinya tulisan tersebut akan berjalan dari arah yang ditentukan sampai ke ujung kolom element tersebut menggunakan behavior yang artinya tingkah laku, jadi kamu bisa atur tingkah laku dari tulisan berjalan ini seperti apa contohnya dengan slide,

<marquee scrolldelay="700" title="Ini Muncul Saat Hover" behavior="slide">Ini Tulisan Berjalan</marquee>

Ini Tulisan Berjalan