Cara Membuat Text Berjalan Dengan HTML

Kali ini saya akan membahas mengenai Cara Membuat Text Berjalan Dengan HTML. coding berjalan ini bisa kita buat dengan marquee.

• cara membuat marquee atau teks berjalan

untuk membuat teks berjalan kita perlu memasukkan kode sebagai berikut:

<marquee> ini contoh tulisan bergerak biasa</marquee>

dan akan ditampilkan seperti ini;

Ini Contoh Tulisan Yang Bergerak Biasa

• cara membuat tulisan yang bergerak dari kanan kekiri

<marquee direction="left"> ini contoh tulisan bergerak dari kanan ke kiri</marquee>

dan hasilnya akan seperti ini;

Ini Contoh Tulisan Bergerak dari Kanan ke Kiri

• membuat tulisan bergerak dari kiri kekanan, disini kode yang kita pakai tidak jauh berbeda denngan yang bergerak dari kanan ke kiri, yaitu;

<marquee direction="right"> ini contoh tulisan bergerak dari kiri ke kanan</marquee>

dan hasil yang ditampilkan seperti ini;

Ini Contoh Tulisan Bergerak Dari Kiri ke Kanan

• adapun  jika ingin membuat tulisan yang memantul/bolak-balik dari kanan ke kiri dan sebaliknya.

<marquee behavior="alternate">ini contoh tulisan yang bergerak bolak-balik</marquee>

hasilnya akan terlihat seperti ini;

warungkaosjogja

• tulisan yang bergerak/ muncul hanya setengah layar saja.

<marquee widht="50%"> ini contoh tulisan bergerak/muncul setengah layar</marquee>

dari kode diatas dapat kita lihat bahwa yang membuat tulisan tersebut hanya muncul setengah yaitu besar persennannya, kalau kita tulis 100% maka akan jadi utuh satu layar tulisan tersebut bergerak.

dan dari kose diatas akan ditampilkan seperti ini;

warungkaosjogja

• untuk mengatur kecepatan pergerakan tulisan perlu kode scrollamount="angka" , dan semakin besar angka maka akan semakin kencang pula.

<marquee scrollamount="13">ini contoh marquee speed 13. . . </marquee>

dan hasilnya seperti yg dibawah ini;

warungkaosjogja

• membuat tulisan bergerak turun, disini diperlukan penambahan kode height sebagai ruang bergerakan tulisan tersebut.

<marquee direction="down" height="80">ini contoh tulisan beergerak kebawah</marquee>

dan hasil yang akan ditampilkan seperti ini;

warungkaosjogja

• untuk membuat tulisan/teks bergerak ke atas, kita hanya perlu mengubah

<marquee direction="down"  menjadi <marquee directin="up"

• memberikan background color pada tulisan/teks yang berjalan, disini saya menggunakan warna hijau bgcolor="35F297.

<marquee behavior="alternate" bgcolor="hijau" style="background-color: #35f297;">Contoh Tulisan Dengan Background Warna Hijau</marquee>

dan hasilnya adalah;

warungkaosjogja