Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti demo berikut ini
Contoh Tulisan Berjalan / Marquee Standar
Untuk membuat Tulisan Berjalan seperti diatas, kita membutuhkan kode html seperti dibawah ini :
<marquee>Contoh Teks Yang Dikenai Marquee</marquee>
Si <marquee> inilah yang nantinya akan membuat seluruh Tulisan atau Teks yang diapit kode tersebut dapat bergerak.
Yang diatas itu kan Tulisan Berjalan yang biasa saja tanpa tambahan efek apapun pada kode html. Kita pun bisa memvariasikan kode <marquee> diatas dengan JavaScript atau HTML yang lain, agar lebih jelas kita masuk contoh saja.
MAKA HASILNYA
Cara Menambahkan Warna Background di Tulisan Berjalan
Untuk menambahkan warna background, kita perlu menyisipkan style="background: warna;" kedalam kode marquee-nya, dibawah ini adalah contoh jika kita ingin memberi warna abu-abu pada Marquee Text.
<marquee style="background: gray;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu</marquee>
Maka hasil dari kode HTML diatasa akan nampak seperti ini.
<marquee style="background: gray;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu</marquee>
Maka hasil dari kode HTML diatasa akan nampak seperti ini.
MAKA HASILNYA
Cara Mengganti Warna Tulisan Berjalan
Disini saya akan mencotohkan bagaimana mengganti warna Tulisan Berjalan diatas dengan warna Putih agar teks tersebut mudah untuk terbaca.
Kode yang kita pakai adalah seperti ini :
<marquee style="background: gray; color: white;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu Teks Putih</marquee>
Dan Hasilnya akan nampak seperti dibawah ini :
MAKA HASILNYA
Cara Membuat Tulisan Berjalan Dari Bawah ke Atas
Sebenarnya kode untuk membuat Tulisan Berjalan Dari Bawah ke Atas sama saja dengan dengan Cara Membuat Tulisan Berjalan Dari Kiri ke Kanan, hanya saja kita mengubah valuenya menjadi direction="up"
Contoh penerspan :
<marquee direction="up">Contoh Tulisan Berjalan Dari Bawah ke Atas</marquee>
MAKA HASILNYA
Cara Membuat Tulisan Berjalan Dengan Jeda
Jika normalnya Tulisan Bejalan atau <marquee> selalu berjalan tanpa henti dari kanan ke kiri, maka kita bisa menyuruhnya untuk berhenti sejenak (jeda) dengan cara menambahkan kode berikut.
<marquee scrolldelay="500">Contoh Teks Yang Dikenai Marquee Scrolldelay 500</marquee>
500 disini maksudnya adalah 0,5 Detik bukan 500 Detik. Jadi kode diatas jika dijalankan akan membuat Teks yang ada didalam kode <marquee></marquee> berhenti sejenak setiap 0,5 Detik. MAKA HASILNYA
Cara Membuat Tulisan Berjalan Dari Kiri ke Kanan
Seperti yang kita semua tahu, bahwa Standar dari Teks Berjalan adalah mengarah Dari Kanan ke Kiri. Namun kali ini kita akan mencoba hal yang berbeda yaitu membalikkan arah pergerakannya (kiri ke kanan).
Kode HTML tambahan yang kita butuhkan adalah direction="right" yang nanti akan kita pasangkan dengan <marquee> tentunya.
Contoh penggabungan :
<marquee direction="right">Contoh Tulisan Berjalan Dari Kiri ke Kanan</marquee>
MAKA HASILNYA
Cara Membuat Tulisan Berjalan Memantul
Agar Tulisan Berjalan tersebut dapat memantul, kita cukup menambahkan behavior="alternate".
Contoh penambahan ke dalam HTML :
<marquee behavior="alternate">Contoh Tulisan Berjalan Dengan Efek Memantul</marquee>MAKA HASILNYA
Tidak ada komentar:
Posting Komentar