Sekarang saya akan membagikan cara membuat tulisan berjalan menggunakan kode HTML dengan kode Marquee. Sebetulnya membuat tulisan berjalan ini sangat mudah tapi bagi pemula tidaklah mudah maka dari itu saya akan membagikan tentang cara membuat tulisan berjalan menggunakan kode HTML dengan tag <marquee> sehingga tulisan berjalan juga dikenal dengan marquee.
Secara garis besar marquee atau tulisan berjalan kode nya sebagai berikut :
<marquee>tulisan berjalan</marquee>
Dengan menggunakan syntax tulisan berjalan diatas maka ada beberapa variasi yang bisa digabung menjadi tulisan berjalan. Berikut contoh-contoh nya :
1. Marquee untuk mengatur lebar tulisan
Kode width="angka lebar" fungsinya untuk mengatur lebar tulisan yang akan berjalan, umumnya diatur 50% untuk stengah bidang tulisan berjalan saja atau bisa diatur sampai 25% untuk seperempat bidang tulisan berjalan saja. Contoh kode nya :
<marquee width="50%">Lebar tulisan berjalan 50% atau setengah bidang</marquee>
2. Marquee untuk mengatur arah tulisan yang berjalan
Kode direction="left/right/up/down" fungsinya untuk mengatur arah berjalan nya tulisan. Berikut contoh kode nya :
Tulisan berjalan ke kiri
<marquee direction="left">Tulisan berjalan ke
Kiri</marquee>
Tulisan berjalan ke kanan
<marquee direction="right">Tulisan berjalan ke Kanan</marquee>
Tulisan berjalan ke atas
<marquee direction="up">Tulisan berjalan ke atas</marquee>
Tulisan berjalan ke bawah
<marquee direction="down">Tulisan berjalan ke bawah</marquee>
3. Marquee untuk mengatur kecepatan tulisan berjalan
Kode scrollamount="angka" fungsinya untuk mengatur kecepatan laju tulisan berjalan. Contoh nya sebagai berikut :
<marquee scrollamount="30">Kecepatan tulisan berjalan dengan angka 30</marquee>
Jadi kesimpulan nya semakin besar angka scrollamount nya semakin cepat pula laju jalan nya.
4. Marque untuk mengantur kecepatan jeda
Kode scrolldelay="angka jeda" fungsinya untuk mengatur kecepatan jeda dalam milidetik. Contoh nya sebagai berikut :
<marquee scrolldelay="3000">Tulisan berjalan dengan Jeda 3 detik</marquee>
Keterangan : 1000 untuk 1 detik, 2000 untuk 2 detik dan seterusnya.
5. Marquee untuk memberi Alt Title pada bidang tulisan berjalan
Kode title="pesan" fungsinya untuk memberi pesan pada saat kursor diarahkan ke bidang tulisan berjalan atau disebut juga Alt Title. Berikut adalah contoh kode nya :
<marquee title="Tulisan yang muncul jika pointer mouse di arahkan ke bidang tulisan berjalan">Tulisan berjalan dengan pesan</marquee>
6. Marquee untuk mengatur pengulangan atau rotasi pada tulisan berjalan
Kode loop="value/nilai" kode ini untuk pengulangan atau rotasi pada tulisan berjalan. Setelah berotasi sesuai angka yang ditentukan, maka tulisan tersebut akan hilang. Contoh kode nya sebagai berikut :
<marquee loop="100">Tulisan berulang atau berotasi 100
Kali</marquee>
7. Marquee untuk memberikan link atau tautan pada tulisan berjalan
Kode dasar nya adalah sebagai berikut :
onmouseover="this.stop()"
onmouseout="this.start()"
Dan ini sebagai contoh kode nya :
<marquee
direction="left"onmouseover="this.stop()"
onmouseout="this.start()"><a
href="http://www.ziblester.com/2016/12/cara-membuat-tulisan-berjalan.html">Cara membuat tulisan berjalan menggunakan kode HTML</a></marquee>
8. Marquee untuk mengatur tulisan berhenti jika dilintasi pointer mouse
Kode dasar nya untuk mengatur tulisan agar setiap kali dilintasi pointer mouse tulisan bisa berhenti adalah sebagai berikut :
onmouseover="this.stop()"
onmouseout="this.start()"
Dan kode sebagai contoh nya adalah :
<marquee
direction="left"onmouseover="this.stop()" onmouseout="this.start()">Tulisan
berjalan ke Kiri dan akan Berhenti apabila dilintasi pointer mouse</marquee>
Demikian Cara membuat tulisan berjalan menggunakan kode HTML, selamat mencoba semoga bermanfaat bagi sobat semua.