Jenis-Jenis Efek Tulisan Bergerak / Marquee - Pernahkan anda mendengar efek Marquee? Efek marquee adalah suatu teknik atau pengkodean HTML yang dapat menimbulkan efek berjalan pada teks atau gambar di blog. Jika anda pernah melihat sebuah tulisan yang bergerak di sebuah blog, itulah efek marquee. Atau jika anda melihat Recent Post milik Maen Blogging yang ada di samping kanan, itu juga menggunakan efek marquee.
Sebenarnya Maen Blogging pernah memberikan sedikit tutorial efek marquee ini di Kode HTML Untuk Pemula. Tapi pada kesempatan kali Maen Blogging akan menjabarkannya lebih luas lagi.
1. Bergerak dari kiri ke kanan
Code : <marquee direction="right">Maen Blogging</marquee>
2. Bergerak dari kanan ke kiri
Code : <marquee direction="left">Maen Blogging</marquee>
3. Bergerak bolak-balik dan memantul
Code : <marquee behavior="alternate">Maen Blogging</marquee>
4. Bergerak dari atas ke bawah
Code : <marquee direction="down">Maen Blogging</marquee>
5. Bergerak dari bawah ke atas
Code : <marquee direction="up"> Maen Blogging </marquee>
6. Bergerak dari bawah ke atas dan memantul
Code : <marquee behavior="alternate" direction="up">Maen Blogging</marquee>
7. Bergerak menyudut dari bawah ke atas
Code : <marquee><marquee direction="up"> Maen Blogging </marquee></marquee>
8. Bergerak menyudut dari atas ke bawah
Code : <marquee><marquee direction="down"> Maen Blogging </marquee></marquee>
9. Bergerak menyudut dari atas ke bawah dan memantul
Code : <marquee behavior="alternate" direction="down"><marquee behavior="alternate"> Maen Blogging </marquee></marquee>
10. Bergerak berlawanan
Code : <marquee> Maen Blogging </marquee><marquee direction="right">Maen Blogging </marquee>
11. Banyak teks bergerak dari kiri ke kanan
Maen Blogging
Tempatnya
Belajar Blog
Code : <marquee direction="right"> Welcome to <br> Maen Blogging<br> Tempatnya <br> Belajar Blog</marquee>
12. Banyak teks bergerak dari kanan ke kiri
Maen Blogging
Tempatnya
Belajar Blog
Code : <marquee direction="left"> Welcome to <br> Maen Blogging<br> Tempatnya <br> Belajar Blog</marquee>
13. Bergerak dengan kecepatan tertentu
Code : <marquee behavior="scroll" direction="left" scrollamount="1"> Slow speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10"> Medium speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"> Fast speed</marquee>
Anda bisa juga memadukannya dengan efek blink. Misalnya efek berjalan dari kiri ke kanan dipadukan dengan efek blink, maka akan menjadi seperti ini
<marquee direction="right"><blink>Maen Blogging</blink></marquee>
Keterangan :
- Jangan hanya sekedar copas, tapi cobalah untuk pahami kode-kode di atas, karena anda dapat mengembangkannya untuk mempercantik blog anda
- Efek marquee di atas juga bisa diterapkan pada gambar
- Selamat bereksperiment..
Tidak ada komentar:
Posting Komentar