Langsung saja ke triknya gan :
Untuk membuat teks berjalan caranya sangat mudah, dalam bahas HTML disebut Marquee.
Berikut Ini Cara dari Marquee Teks :
Berikut Ini Cara dari Marquee Teks :
Berjalan Dari Kanan Ke Kiri
Format yang ini merupakan marquee standar agar teks anda bisa berjalan secara default berjalan dari kanan ke kiri.
Tag Html :
<marquee>TEKS PUNYA ANDA</marquee>
Contoh :
Berjalan Dari Kiri Ke Kanan
Format ini kebalikan dari format yang pertama yaitu membuat teks berjalan dimulai dari kiri ke kanan :
Tag Html :
<marquee direction="right">TEKS PUNYA ANDA</marquee>
Contoh :
Berjalan Bolak Balik (Kiri Ke Kanan / Kanan Ke Kiri)
Format ini membuat teks berjalan bolak-balik memantul kiri ke kanan dan kanan ke kiri.
Tag Html :
<marquee behavior="alternate">TEKS PUNYA ANDA</marquee>
Contoh :
APW SITE BLOG
Berjalan Dari Bawah Ke Atas
Format ini membuat teks anda berjalan dari bawah ke atas.
Tag Html :
<marquee direction="up">TEKS PUNYA ANDA</marquee>
Tag Html :
<marquee direction="up">TEKS PUNYA ANDA</marquee>
Contoh :
Format membuat teks berjalan dari atas ke bawah.
Tag Html :
<marquee direction="down">TEKS PUNYA ANDA</marquee>
Contoh :
Jika kita arahkan mouse pada teks tersebut maka text tersebut akan berhenti.
Tag Html :
<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA ANDA</marquee>
Contoh :
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 ANDA</marquee>
Contoh
Untuk mengatur kecepatan menggunakan perintah :
Berjalan Dari Atas Ke Bawah
Format membuat teks berjalan dari atas ke bawah.
Tag Html :
<marquee direction="down">TEKS PUNYA ANDA</marquee>
Contoh :
Membuat Text Berhenti Jika Diarahkan Oleh Mouse
Jika kita arahkan mouse pada teks tersebut maka text tersebut akan berhenti.
Tag Html :
<marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA ANDA</marquee>
Contoh :
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 ANDA</marquee>
Contoh
APW SITE BLOG
Mengatur Kecepatan Text Berjalan
Untuk mengatur kecepatan menggunakan perintah :
scrollamount="10"
Tag Html :
<marquee scrollamount="20">TEKS PUNYA ANDA</marquee>
Contoh :
Untuk mengatur batas ruang menggunakan perintah:
width="100%" height="100"
Bandingkan contoh berikut height="40" dan height="80"
Contoh :
<marquee direction="up" width="100%" height="40">Teks Anda</marquee>
<marquee direction="up" width="100%" height="80">Teks Anda</marquee>
SELAMAT MENCOBA
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.
Tag Html :
<marquee scrollamount="20">TEKS PUNYA ANDA</marquee>
Contoh :
Mengatur Batas Ruang Text Berjalan
Untuk mengatur batas ruang menggunakan perintah:
width="100%" height="100"
Bandingkan contoh berikut height="40" dan height="80"
Contoh :
<marquee direction="up" width="100%" height="40">Teks Anda</marquee>
<marquee direction="up" width="100%" height="80">Teks Anda</marquee>
SELAMAT MENCOBA
2 komentar:
siiiippppppppp
Iya brooo
Posting Komentar
Silahkan berikan komentar anda ( Mohon untuk tidak mencantumkan sara, pornografi, atau perkataan yang tidak layak ) :