Berikut ini adalah beberapa contoh penggunan marquee pada teks. Adapun tutorial ini sengaja saya posting ketika saya ingin membuat marquee atau teks berjalan pada salah satu blogku yang di baca pada web http://hakimtea.com/. Ternyata cara membuat teks berjalan atau marquee ini tidaklah sulit seperti yang dibayangkan. Kita hanya perlu memasukkan beberapa kode html yang sudah di sediakan kedalam blog pada posisi mana yang ingin dimasukkan marquee.
1. Teks berjalan dari kiri ke kanan.
KIRI ke KANAN
<marquee>KIRI ke KANAN"</marquee>
2. Teks berjalan dari kiri ke kanan dan berhenti pada saat mouse ditujukan pada teks.
KIRI ke KANAN dan BERHENTI
<marquee onmouseover="this.stop()" onmouseout="this.start()">KIRI ke KANAN dan BERHENTI</marquee>
3. Teks bergerak bolak-balik : kiri -> kanan -> kiri.
Bolak Balik
<marquee behavior="alternate">Bolak Balik</marquee>
4. Teks bergerak dari bawah ke atas.
BAWAH ke ATAS
<marquee direction="up">BAWAH ke ATAS</marquee>
5. Teks bergerak dari atas ke bawah.
5. Teks bergerak dari atas ke bawah.
ATAS ke BAWAH
<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>
Itulah beberapa contoh teks berjalan atau marquee yang bisa anda masukkan ke dalam blog, tinggal pilih mana yang ingin di masukkan. Apakah ingin teks berjalan dari kiri ke kanan, bolak balik, atas ke bawah maupun bawah keatas. Jika telah mengikuti langkah-langkah diatas dengan benar, coba lihat hasilnya.
Tidak ada komentar:
Posting Komentar