Cara membuat tulisan berjalan (marquee)


 Umumnya, teks yang berjalan pada sebuah website digunakan sebagai media ataupun hiburan (hiasan) semata. Pembuatan teks berjalan tidaklah sulit karena kita hanya perlu memanfaatkan elemen yang disediakan oleh HTML. HTML menyediakan elemen khusus yang disebut dengan marquee.Marquee digunakan untuk membuat teks atau media lain (seperti gambar atau video) bergerak baik secara horizontal maupun vertikal.
 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>
 untuk membuat tulisan (marquee) bergerak kebawah oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
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:
<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:
 <marquee behavior="alternate">TEKS BERGERAK MEMANTUL</marquee>



semoga bermanfaat. Pastikan Anda selalu setia mengunjung MELEK IT untuk mendapatkan tutorial lainnya dan informasi lainnya.



Komentar

Postingan populer dari blog ini