Marquee | Membuat Running Teks

Marquee adalah text berjalan, selain itu objek marquee bisa juga seperti link ataupun gambar berjalan, contohnya seperti ini:

Attribute:   None

Html Code:

<marquee>abdiezsgo.blogspot.com</marquee>

abdiezsgo.blogspot.com

Attribute:   Loop
^{Note: akan berhenti berulang setelah jumlah perulangan selesai}  

Html Code:

<marquee loop="5">abdiezsgo.blogspot.com</marquee>

abdiezsgo.blogspot.com

Attribute:   Bgcolor

Html Code:
<marquee bgcolor="#caca00"> abdiezsgo.blogspot.com </marquee>

abdiezsgo.blogspot.com

Attributes:   direction/right or left
^{Note: defaultnya direction dari kanan ke kekiri}

Html Code:  
<marquee direction="right"> abdiezsgo.blogspot.com </marquee>

abdiezsgo.blogspot.com

Attributes:   width and/or height

Html Code:
<marquee width="200">abdiezsgo.blogspot.com</marquee>

abdiezsgo.blogspot.com

Attributes:   behavior/slide

Html Code:
<marquee behavior="slide">abdiezsgo.blogspot.com</marquee>

abdiezsgo.blogspot.com 

Attributes:   behavior/alternate

Html Code: 
<marquee behavior="alternate">abdiezsgo.blogspot.com</marquee>





abdiezsgo.blogspot.com

Attributes:   scrollamount
Html Code: 
<marquee scrollamount="30">abdiezsgo.blogspot.com</marquee>







abdiezsgo.blogspot.com scrollamount="30"
abdiezsgo.blogspot.com scrollamount="200"

Attributes:   scrolldelay

Html Code: 
<marquee scrolldelay="200">abdiezsgo.blogspot.com</marquee>



abdiezsgo.blogspot.com scrolldelay="30"
abdiezsgo.blogspot.com scrolldelay="300"

Attributes:   scrolldelay/scrollamount
Html Code: 

<marquee scrolldelay="500" scrollamount="400">abdiezsgo.blogspot.com</marquee>

abdiezsgo.blogspot.com

IMAGE

Attribute:   None

Html Code: 

<marquee><img src="http://i567.photobucket.com/albums/ss113/abdiezs/Banner/Skull001.gif" width="80" height="80" alt="abdiezs go blog">
</marquee>

Attribute:   direction/right
Html Code: 

<marquee direction="right"><img src="http://i567.photobucket.com/albums/ss113/abdiezs/Banner/Skull001.gif" width="80" height="80" alt="abdiezs go blog">Abdiezs Go Blog</marquee>

Abdiezs Go Blog

Attribute:   direction/up or down

Html Code: 

<marquee direction="down" height="90"><img src="http://i567.photobucket.com/albums/ss113/abdiezs/Banner/Skull001.gif" width="80" height="80" alt=" abdiezs go blog "></marquee>

 

onmouseout="this.start()" ---> text akan bergerak jika pointer tidak diarahkan ke text
direction="left" ---> text akan bergerak ke kiri. Bisa diganti dengan down, up, atau right
align="center" ---> text rata tengah
scroolamount="2" ---> kecepatan berjalan, semakin besar angkanya semakin cepat
height="100px" ---> batas vertikal marquee
onmouseover="this.stop()" ---> marquee akan berhenti ketika mouse masuk ke area marquee
widht="200px"---> batas horisontal marquee

Click to Print This Page

Artikel terkait :

Anda sedang membaca artikel Marquee | Membuat Running Teks dengan url http://blog-abdiezs.blogspot.com/2011/06/marquee-membuat-running-teks.html . Silahkan baca artikel lainnya di Abdiezs Blog . Terima Kasih.

About Abdiezs
Tentang saya follow di Twitter , Google+ and blog . Respon ke Marquee | Membuat Running Teks Silahkan Anda berkomentar mengenai artikel yang telah anda baca, gunakan bahasa yang baik, sopan, dan sesuai etika berkomentar. Dapat berupa pertanyaan, masukan, pendapat, dan Tidak SPAM. Hindari Duplikat komentar. Terimakasih.