Selasa, 19 Maret 2013

Membuat Efek Marquee atau Teks Berjalan / Bergerak

Marquee, teks berjalan

Efek Marquee atau tulisan berjalan ini sering digunakan untuk ucapan selamat datang yang di pasang di header, tapi banyak juga yang dipasang di sebuah postingan. Cara nya ga rumit kok sob, cuma menambahkan beberapa kode di antara teks tersebut. Silahkan lihat keterangan - ketarangan dibawah ini :
Efek tulisan berjalan / bergerak ke atas
<marquee behavior="scroll" direction="up" height="30"> Tulisan sobat disini</marquee> 
Efek tulisan berjalan / bergerak lambat
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan sobat disini</marquee>  
Efek tulisan berjalan / bergerak namun berhenti saat dilewatai cursor mouse
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan sobat disini</marquee>  

Efek tulisan berjalan / bergerak zig-zag
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Tulisan sobat disini</marquee></marquee> 
Efek tulisan berjalan / bergerak ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini</marquee>  

Efek tulisan berjalan / bergerak ke kanan dengan gambar
<marquee behavior="scroll"><img height="84" src="Url%20gambar%20yang%20akan%20ditampilkan" width="110">Tulisan sobat disini</marquee>  

Efek tulisan berjalan / bergerak memantul
<marquee behavior="alternate" width="300"> Tulisan sobat disini</marquee>  

Efek tulisan berjalan / bergerak bounching
<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulisan sobat disini</marquee></marquee> 


Teks yang berwarna merah silahkan kalian ganti dengan teks kalian masing - masing


Dibawah ini adalah contoh - contoh dari efek marquee ini :


Efek tulisan berjalan / bergerak ke atas

Blogger Dan SEO

Efek tulisan berjalan / bergerak lambat
 
Blogger Dan SEO


Efek tulisan berjalan / bergerak namun berhenti saat dilewati cursor mouse

Blogger Dan SEO

Efek tulisan berjalan / bergerak zig-zag
  Blogger Dan SEO

Efek tulisan berjalan / bergerak ke kanan

Blogger Dan SEO

Efek tulisan berjalan / bergerak memantul
 Blogger Dan SEO


Efek tulisan berjalan / bergerak ke kanan dengan gambar
   Blogger Dan SEO  

Tidak ada komentar:

Posting Komentar