Jenis - Jenis Efeck 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.

1. Bergerak dari kiri ke kanan
Maen Blogging
Code : <marquee direction="right">Maen Blogging</marquee>

2. Bergerak dari kanan ke kiri
Maen Blogging
Code : <marquee direction="left">Maen Blogging</marquee>

3. Bergerak bolak-balik dan memantul
Maen Blogging
Code : <marquee behavior="alternate">Maen Blogging</marquee>

4. Bergerak dari atas ke bawah
Maen Blogging
Code : <marquee direction="down">Maen Blogging</marquee>

5. Bergerak dari bawah ke atas
Maen Blogging
Code : <marquee direction="up"> Maen Blogging </marquee>

6. Bergerak dari bawah ke atas dan memantul
Maen Blogging
Code : <marquee behavior="alternate" direction="up">Maen Blogging </marquee>

7. Bergerak menyudut dari bawah ke atas
Maen Blogging
Code : <marquee><marquee direction="up"> Maen Blogging </marquee></marquee>

8. Bergerak menyudut dari atas ke bawah
Maen Blogging
Code : <marquee><marquee direction="down"> Maen Blogging </marquee></marquee>

9. Bergerak menyudut dari atas ke bawah dan memantul
Maen Blogging
Code : <marquee behavior="alternate" direction="down"><marquee behavior="alternate"> Maen Blogging </marquee></marquee>

10. Bergerak berlawanan
Maen Blogging Maen Blogging
Code : <marquee> Maen Blogging </marquee><marquee direction="right"> Maen Blogging </marquee>

 11. Banyak teks bergerak dari kiri ke kanan
Welcome to
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
Welcome to
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
Slow speed Medium speed Fast speed
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
Maen Blogging
<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..

Posted in: Tutorial blog