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;
- 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;
- 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;
- 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;
- 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;
Belum ada tanggapan untuk "Cara Membuat Text Berjalan Dengan HTML"
Post a Comment