Senin, 06 Agustus 2012

Membuat Text Berjalan Aneka Variasi

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