Membuat Text Berjalan Aneka Variasi - Dalam dunia html membuat text berjalan cukuplah mudah yakni dengan menggunakan tag <marquee>Tulisan Disini</marquee> .Cukup meletakkan tulisan diantara tag tersebut. Berikut Ada Beberapa atribut atau variable yang sering digunakan:
1. direction : mengatur arah gerak teks.
a. left (gerak ke kiri)
b. right (gerak ke kanan)
c. up (gerak ke atas)
d. down (gerak ke bawah)
2. behavior : mengatur variasi gerakan teks.
a. scroll (bergerak berputar)
b. slide (bergerak sekali lalu berhenti)
c. alternate (bergerak dari kiri ke kanan bolak balik)
3. scrollmount : mengatur kecepatan dalam satuan pixel.
4. width : mengatur lebar blok teks dalam satuan pixel atau persen.
5. height : mengatur tinggi blok teks dalam satuan pixel atau persen.
6. title : menampilkan pesan, ketika mouse tengah menunjuk pada teks.
7. color : mengatur warna teks.
8. bgcolor : mengatur warna latar belakang teks.
9. scrolldelay : mengatur waktu tunda gerakan dalam satuan milisekon.
1. Dari arah kiri ke kanan
<marquee direction="right" >dari kiri ke kanan</marquee>
2. Arah bolak-balik
<marquee behavior="alternate" >arah bolak balik</marquee>
3. Dari kanan ke kiri dengan kecepatan "10"
<marquee direction="right" scrollamount="10" >dari kanan ke kiri dengan kecepatan 10</marquee>
4. Arahkan mouse text berhenti
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>
5. Jika ingin turun atau naik tinggal ganti direction="down" atau "up"
<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>
6. Dengan latar belakang warna
<marquee width="100%" bgcolor="#F0F0F0">dari kanan ke kiri</marquee>
7. Dengan gambar/foto
<marquee behavior="alternate"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsmSY9k7wlY8Vz-CgVjN0RtqM-ZsqQ5cyLvIcfcD8VF3jesYLIanA2tbo3k2uHTpmA4XQUjtqRXqhdipnF6qZoxAZLKeCdHJRda8kuo8agGaKAmKcBtwUa3ZCYEEUNJvTqCF9R0j8MaA6/" /></marquee>
Bagaimana cukup mudah bukan membuat text berjalan aneka variasi, semoga bermanfaat
Tidak ada komentar:
Posting Komentar