Teks Berjalan di Posting dengan Efek Marquee
Hey sobat,kali ini saya akan membahas tentang bagaimana cara membuat teks berjalan di posting,cara menjalankan teks ini dengan menggunakan efek marquee. Langsung saja ya..
- Teks Berjalan Dari Kanan ke Kiri
Ini merupakan format marquee standar agar teks dalam postingan sobat bisa berjalan secara default dari kanan ke kiri. Ini HTMLnya :
<marquee>TEKS PUNYA SOBAT</marquee>
Dan Seperti ini contohnya :
TEKS PUNYA SOBAT
- Teks Berjalan dari Kiri ke Kanan
Format ini kebalikan dari format yang di atas,yaitu teks berjalan dari kiri ke kanan. Ini HTMLnya :
<marquee direction=”right”>TEKS PUNYA SOBAT</marquee>
Dan Seperti ini contohnya :
TEKS PUNYA SOBAT
- Teks Berjalan Bolak-Balik (Kiri ke Kanan atau Kanan ke Kiri )
TEKS PUNYA SOBAT
- Teks Berjalan Dari Bawah Ke Atas
Format ini membuat teks anda berjalan dari bawah ke atas. Ini HTMLnya :
<marquee direction=”up”>TEKS PUNYA SOBAT</marquee>
TEKS PUNYA SOBAT
- Teks Berjalan Dari Atas Ke Bawah
Format ini kebalikan dari yang diatas yaitu membuat teks berjalan dari atas ke bawah. Ini HTMLnya :
<marquee direction=”down”>TEKS PUNYA SOBAT</marquee>
TEKS PUNYA SOBAT
- Membuat Text Berhenti Jika Diarahkan Oleh Mouse
Jika sobat arahkan mouse pada teks tersebut maka text tersebut akan berhenti. Ini HTMLnya :
<marquee onmouseover=”this.stop()” onmouseout=”this.start()”>TEKS PUNYA SOBAT</marquee>
Dan Seperti ini contohnya :
TEKS PUNYA SOBAT
Anda bisa menerapkan format ini pada ke text berjalan di atas dengan menambahkan kode Html pada tag pembuka.
<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”>TEKS PUNYA SOBAT</marquee>
Dan Seperti ini contohnya :
TEKS PUNYA SOBAT
Mengatur Kecepatan Text Berjalan
Untuk mengatur kecepatan menggunakan perintah:
Untuk mengatur kecepatan teks ganti angka pada bertanda petik diatas (“10”), semakin kecil nilai ditulis maka motion akan semakin lambat dan semakin besar nilai yang dibuat juga semakin cepat motion teks yang akan muncul. Ini HTMLnya :
<marquee scrollamount=”10″>TEKS PUNYA SOBAT</marquee>
Dan Seperti ini contohnya :
TEKS PUNYA SOBAT
Mengatur Batas Ruang Text Berjalan
Untuk mengatur batas ruang menggunakan perintah:
Badingkan contoh berikut height=“40” dan height=“80”
Contoh :
<marquee direction=”up” width=”100%” height=”40″>TEKS PUNYA SOBAT</marquee>
TEKS PUNYA SOBAT
<marquee direction=”up” width=”100%” height=”80″>TEKS PUNYA SOBAT</marquee>
TEKS PUNYA SOBAT
Sekian yang saya dapat jelaskan,jika sobat ada yang kurang mengerti / pahami silahkan bertanya dengan cara mengisi kolom komentar di bawah postingan ini..
