Cara membuat tulisan berjalan (marquee)
Anda dapat menggunakan pasangan tag <marquee>Isi teks disini</marquee>.
Terlebih dulu kita akan belajar membuat kodenya,Kode dasar untuk membuat marquee atau teks berjalan seperti contoh garis miring di atas .
1.
2. untuk kode yang lebih lengkap
Pada tag <marquee> juga terdapat beberapa atribut seperti :
Atribut width dan height
Atribut width digunakan untuk menentukan ukuran lebar .
Height digunakan untuk menentukan ukuran tinggi dari elemen marquee dengan nilai angka yang sama seperti width .
Contoh penggunaan kode height dan width:
selain kode di atas ada beberapa kode yang bisa anda berikan untuk memperindah atau membuat variasi dari marquee.
kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:
<marquee width="50%">MARQUEE LEBAR 40 PERSEN</marquee>
Contoh kode:
<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:
<marquee bgcolor="warna"warna TEXT LATAR warna</marquee>
kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:
Contoh kode:
<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>
kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
<marquee behavior="alternate">TEKS BERGERAK MEMANTUL</marquee>
semoga bermanfaat. Pastikan Anda selalu setia mengunjung MELEK IT untuk mendapatkan tutorial lainnya dan informasi lainnya.
Komentar
Posting Komentar