MEMBUAT EFEK TEKS ATAU GAMBAR BERJALAN DI WEB (EFEK MARQUEE)

Code HTML Marquee
Mempercantik web atau blog anda dengan memanfaatkan Code HTML Marquee. Jangan takut, html marquee tidak akan memberatkan loading situs kita kok asalkan yang wajar - wajar saja. Maksudnya tidak berlebihan, dan di tempat yang sesuai, cara buat html marquee juga bisa dikatakan sederhana. 
Di sini saya akan berbagi ilmu seputar marquee yang saya dapat dari kelas praktek pemrograman web di STMIK Amikom Yogyakarta.

Code Marquee adalah efek tulisan atau gambar berjalan, biasanya dari arah kiri ke kanan lalu sebaliknya, dari arah bawah ke atas kemudian sebaliknya tinggal dikustomisasi sesuai kebutuhan. 

Nah di sini saya akan memberikan contoh-contoh efek Marquee :

 1. Tulisan Berjalan ke Kiri
Kode: <marquee direction="left"><b><i>"Selamat Datang di Blog Hana AMIKOM"</b></i></marquee>

"Selamat Datang di Blog Hana AMIKOM"
 
2. Tulisan Berjalan ke Kanan 
 Kode: <marquee direction="right"><b><i>"Selamat Datang di Blog Hana AMIKOM"</b></i></marquee>
"Selamat Datang di Blog Hana AMIKOM"  
3.Tulisan Berjalan Bolak Balik
Kode: <marquee behavior="alternate">"Selamat Datang di Blog Hana AMIKOM"</marquee>
"Selamat Datang di Blog Hana AMIKOM"  
4. Marquee Gulir ke Atas
"Selamat Datang di Blog Hana AMIKOM" Kode: <marquee behavior="scroll" direction="up"><b><i>"Selamat Datang di Blog Hana AMIKOM"</b></i></marquee>


5. Berhenti bila ditunjuk mouse
HANA HANA HANA
Kode: <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">HANA HANA HANA</marquee>


6. Marquee dengan gambar (image)
Kode: <marquee direction="left"><img src="http://www.amikom.ac.id/public/pmb/PMB.png" width="350" height="130"/></marquee>