Membuat Text Berjalan Dengan Tag Marquee Html

No comments



HOW TO MAKE MARQUEE TAG VARIAN




Membuat Text Berjalan Dengan Tag Marquee Html - Text berjalan di html bukanlah hal yang sulit untuk di buat. Tag ini digunakan untuk menggerakkan object html yang berada di tag html yang dipilih. Berbagai Variasi dari tag Marquee ini dapat dikembangkan menjadi lebih unik. Nih, untuk contohnya Saya sudah membuat beberapa tag yang mungkin bisa dikembangkan lagi oleh anda :

Dasar Kode Text Berjalan
<marquee> Kata Ajaib </marquee>
Contoh :
Kata Ajaib


Text Berjalan Menurut Directionnya (Arah yang dituju)

Dari Kanan ke Kiri
<marquee direction="left"> Kata Ajaib </marquee>
Contoh :
Kata Ajaib

Dari Kiri Ke Kanan
<marquee direction="right"> Kata Ajaib </marquee>
Contoh :
Kata Ajaib

Dari Atas Ke Bawah
<marquee direction="Down" height="70px"> Kata Ajaib </marquee>
Contoh :
Kata Ajaib

Dari Bawah Ke Atas
<marquee direction="Up" height="70px"> Kata Ajaib </marquee>
Contoh :
Kata Ajaib

Text Berjalan Dengan Bouncing (Memantul)

Dari Kanan Ke kiri Ke kanan Ke kiri Gak ada habisnya :d
<marquee behavior="alternate"> Kata Ajaib </marquee>
Contoh :
Kata Ajaib

Dari Atas Ke Bawah Ke Atas Ke Bawah Gak ada habisnya :d
<marquee behavior="alternate" direction="up" height="70px">
Contoh :
Kata Ajaib

Dari Bawah ke Atas Ke Bawah Ke Atas Gak ada habisnya :d
<marquee behavior="alternate" direction="Down" height="70px">
Contoh :
Kata Ajaib

Mengatur Kecepatan Text Berjalan

Untuk mengatur kecepatan Text berjalan ini bisa digunakan attribut "ScrollAmount" atau bisa menggunakan "ScrollDelay" :

<marquee scrollamount="100"> Huruf Ajaib Slow </marquee>
<marquee scrolldelay="100"> Huruf Ajaib Cepat </marquee>
<marquee scrolldelay="100" scrollamount="100"> Huruf Ajaib Campur </marquee>

Contoh :

Huruf Ajaib Slow
Huruf Ajaib Cepat
Huruf Ajaib Campur


Mengatur Text Berhenti dan Mulai Jika Cursor berada di Atas Text

Disini, Kita gunakan "OnMouseOver" dan "OnMouseOut".OnMouseOver digunakan untuk saat mouse berada di text berhenti, dan OnMouseOut untuk Mouse sudah tidak berada diatas text.

<marquee onmouseover="this.stop()" onmouseout="this.start()"> Huruf Ajaib </marquee>

Contoh :

Huruf Ajaib


Nah Mudah bukan? Syntag Html Marquee ini sebenarnya dapat digunakan dan di variasi menjadi lebih bagus lagi. Nih Bonus Variasi yang sudah Saya Buat, Mungkin bisa dikembangkan lebih lagi

BOOM MARQUEE

<marquee behavior="alternate" height="300px" scrollamount="20" style="background-color:#000;color:#fff;"><marquee behavior="alternate" direction="up" height="300px"><h3>Variasi Text Berjalan</h3><marquee behavior="alternate" direction="right" height="300px" style="background-color:green;"><h3>Variasi Text Berjalan</h3><marquee behavior="alternate" direction="down" height="300px" style="background-color:blue;"><h3>Variasi Text Berjalan</h3><marquee style="background-color:red;" behavior="alternate" direction="right" height="300px"><h3>Variasi Text Berjalan</h3></marquee></marquee></marquee></marquee></marquee>

HASIL =


Variasi Text Berjalan

Variasi Text Berjalan

Variasi Text Berjalan

Variasi Text Berjalan


No comments :

Post a Comment

Penting Harap Dibaca sejenak :
1. Pengunjung yang baik itu selalu meninggalkan komentar baik
2. Pengunjung yang baik itu berkata sopan
3. Pengunjung yang baik itu Berkomentaar yang Membangun
4. Terima kasih telah membaca :D