Cara Membuat Teks Berjalan Di Postingan

Untuk membuat teks berjalan caranya sangat mudah, dalam bahas HTML disebut Marquee.

Berikut Ini Cara dari Marquee Teks:

Berjalan Dari Kanan Ke Kiri

Format yang ini merupakan marquee standar agar teks Anda bisa berjalan secara default berjala dari kanan ke kiri.

Tag Html:

<marquee>TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Berjalan Dari Kiri Ke Kanan

Format ini kebalikan dari format yang pertama yaitu membuat teks berjalan dimulai dari kiri ke kanan :

Tag Html:

<marquee direction="right">TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Berjalan Bolak Balik (Kiri Ke Kanan / Kanan Ke Kiri)

Format ini membuat teks berjalan bolak-balik memantul kiri ke kanan dan kanan ke kiri.

Tag Html:

<marquee behavior="alternate">TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Berjalan Dari Bawah Ke Atas

Format ini membuat teks anda berjalan dari bawah ke atas.

Tag Html:

<marquee direction="up">TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Berjalan Dari Atas Ke Bawah

Format membuat teks berjalan dari atas ke bawah.

Tag Html:

<marquee direction="down">TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Membuat Text Berhenti Jika Diarahkan Oleh Mouse

Jika kita arahkan mouse pada teks tersebut maka text tersebut akan berhenti.

Tag Html:

<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA ANDA</marquee>

Contoh:

TKJ SMKN 1 JAKARTA

Anda bisa menerapkan format ini pada ke text berjalan di atas dengan menambahkan kode Html pada tag pembuka.

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA ANDA</marquee>

Contoh

TKJ SMKN 1 JAKARTA

Mengatur Kecepatan Text Berjalan

Untuk mengatur kecepatan menggunakan perintah:

scrollamount="10"

Untuk mengatur kecepatan teks ganti angka pada bertanda petik diatas ("10"), semakin kecil nilai ditulis maka motion akan semakin lambat dan semakin besar nilai yang dibuat juga semakin cepat motion teks yang akan muncul.

Tag Html:

<marquee scrollamount="20">TEKS PUNYA ANDA</marquee>

Contohnya:

TKJ SMKN 1 JAKARTA

Mengatur Batas Ruang Text Berjalan

Untuk mengatur batas ruang menggunakan perintah:

width="100%" height="100"

Badingkan contoh berikut height="40" dan height="80"

Contoh

<marquee direction="up" width="100%" height="40">Teks Anda</marquee>

TKJ SMKN 1 JAKARTA

<marquee direction="up" width="100%" height="80">Teks Anda</marquee>

TKJ SMKN 1 JAKARTA

SELAMAT MENCOBA