Membuat Teks Yang Bergerak Atau Berjalan (Membuat Marquee)

Marquee adalah sebuah teks yang mempunyai efek dapat bergerak atau berjalan. Ini merupakan salah satu tips yang simple tapi enak dilihat. Tips ini saya dapatkan dari blog teman saya oketrik

Marquee ada 3 efek yaitu :

1. Marquee berjalan dari kiri ke kanan atau sebaliknya.
   
   
   • Standar
     Apabila anda ingin membuat efek seperti ini anda hanya perlu memasukkan
     
     kode : <marquee>Tulis text anda disini</marquee>
   • Berhenti Ketika Dekat Dengan Mouse
     Ini adalah Modifikasi dari Marquee Standar. Yaitu jika kita dekatkan kursor dengan text maka text akan berhenti.
     
     kode : <marquee onmouseover="this.stop()" onmouseout="this.start()">Tulis text anda disini</marquee>
   • Berjalan Kiri ke Kanan
     Ini juga merupakan modifikasi dari marquee standar.
     
     kode : <marquee direction="right">Tulis text anda disini</marquee>
   • Terdapat Link
     Marquee ini berbeda dengan yang lain karena terdapat link di dalamnya, kegunaan Marquee ini adalah untuk membuat daftar link.
     
     Kode: <marquee><a href="http://frequentie.blogspot.com/"><span style="font-style: italic; color: rgb(255, 0, 0);">Tulis text anda disini</span></marquee>
   • Terdapat Link dan Kelap - Kelip
     Marquee ini sama dengan marquee sebelumnya, bedanya marquee ini berkelap - kelip
     
     Kode : <marquee><a href="http://frequentie.blogspot.com/"><span style="font-style: italic; color: rgb(255, 0, 0);"><blink>Tulis text anda disini</blink></span></a></marquee>
     
     
2. Marquee yang berjalan mondar mandir.
   
   
   • Marquee ini bergerak dari kanan ke kiri ke kanan lagi kiri lagi terus menerus mondar mandir intinya.
     
     Kode : <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Tulis text anda disini</marquee>
3. Dan juga marquee yang berjalan atas bawah atau sebaliknya
   
   
   • Marquee Terbang (bawah ke atas)
     Wow hebat bisa terbang. Tapi cuma sebatas komputer tidak bisa lebih tinggi lagi -.-
     
     Kode : <marquee direction="up">Tulis text anda disini</marquee>
   • Marquee Terbang Dan Berhenti Ketika Di Sentuh
     Langsung aja gan !
     
     Kode : <marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Tulis text anda disini</marquee>
   • Marquee Ke Bawah
     Iya Marqueenya bergerak ke bawah.
     
     Kode : <marquee direction="down" width="100%" height="100">Tulis text anda disini</marquee>
   • Marquee Tambahan
     
     Zig Zag Lambat : <marquee behavior="alternate" direction="up" width="300" height="100"><marquee direction="right" behavior="alternate">Tulis text anda disini</marquee></marquee>
     
     Zig Zag Cepat : <marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulis text anda disini</marquee><br /> </marquee>
     
     Dengan Gambar : <marquee behavior="scroll"><br /> <img src="http://i1213.photobucket.com/albums/cc470/wahyumuhamadd/Copyof2038662sd.jpg?t=1302641443"><br />Tulis text anda disini</marquee>
     
     Dengan Background warna : <marquee bgcolor="Moccasin" style="color:white;">Tulis text anda disini</marquee>
     
     *Catatan Marquee dengan background : Moccasin adalah nama warna, apabila tidak sesuai dengan selera anda dapat di ganti dengan menggunakan kode warna. klik di sini 
    

marquee di letakkan pada rancangan >> elemen laman >> tambah gadget >> lalu ketik atau copy paste code di atas dan save

Itulah cara membuat marquee. Selamat Mencoba, semoga berhasil :D