Marquee

Pasti Anda sudah mengenal "marquee" yang bisanya Kita jumpai saat editing blog atau web,
Saat ini Kita akan membahas lebih jauh mengenai fungsi "marquee" pada bahasa HTML,

Definisi :
"marquee" adalah salah satu fungsi HTML yg berguna untuk menggerakan objek didalam fungsi "marquee",

Penulisan :
<marquee> </marquee>

Contoh :
>String [Huruf, Kalimat, Angka,dll]
<marquee> vJohn Blog </marquee>

vJohn Blog


>Object [Gambar, SWF, dll]
<marquee> <img src="url gambar" ></marquee>





*Dengan sedikit editing



Rekayasa Marquee

##################################################################################
||| Ini adalah tutorial basic dari HTML saja, Anda bisa menggabungkan dengan CSS , JavaScript ,dll
##################################################################################

-Merubah Opacity/Kejelasan Marquee
<marquee style="opacity:##"> </marquee> *pada opacity diisikan opacity/kejelasan gambar [ default 1]
Contoh :


<marquee style="opacity:0.5"> </marquee>








-Efek Sentuh pada Image
<marquee style="opacity:##" onmouseover="this.style.opacity=##" onmouseout="this.style.opacity=##"> </marquee> *pada opacity diisikan opacity/kejelasan gambar [ default 1]
Contoh :
<marquee style="opacity:1" onmouseover="this.style.opacity=0" onmouseout="this.style.opacity=1"> </marquee>





↑↑Gerakan Pointer/ Cursor untuk melihat efek↑↑



-Merubah gerak Marquee,
<marquee direction="##"> </marquee> *pilih salah satu [ up/ left/ down/ right ]


Contoh :



<marquee direction="right"> </marquee>











-Marquee stop saat mouse bergeser pada Marquee


<marquee onmouseout="this.start()" onmouseover="this.stop()"> </marquee>














-Mengatur kecepatan Marquee


<marquee scrollamount="##" > </marquee> *pada ## diisikan dengan angka [ 1/ 2/ 3/ ,dll ]


Contoh

:


<marquee scrollamount="2" > </marquee>













-Mengatur warna Background Marquee


<marquee bgcolor="##" > </marquee> *pada ## diisikan dengan warna [ red/ green/ black/ atau kode warna html]


Contoh

:


<marquee bgcolor="maroon"> </marquee> atau <marquee bgcolor="#990000"> </marquee>








Firmaan Van John




-Mengatur Title/Judul Marquee


<marquee title="##" > </marquee> *pada ## diisikan dengan string [ Huruf/ Kalimat/ Angka ,dll ]


Contoh

:


<marquee title="Firmaan Van John" > </marquee>













-Marquee dengan gerak berbeda


<marquee><marquee direction="##"> </marquee></marquee>*pilih salah satu [ up/ left/ down/ right ]


Contoh

:


<marquee><marquee direction="down"> </marquee></marquee>













-Membuat link pada Marquee


<a href="##"><marquee> </marquee></a> *pada ## diisikan dengan URL


Contoh

:


<a href="http://www.firmaan-van-john.blogspot.com/"><marquee> </marquee></a>















Categories: , | Leave a comment

Leave a Reply