Hari ni, su nak ajar u all bagaimana untuk membuat marquee.Marquee adalah satu program HTML untuk membuat teks bergerak.
Cara membuatnya adalah mudah. U all perlu copy dan paste code html berikut ke sidebar blog atau di manapun yang u all rasa ingin teks tersebut dipaparkan.
Antara yang sering digunakan :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan
TITLE='ucapan" --> Ucapan akan muncul ketika mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kepantasan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel
1)Contoh marquee dari gerakan kanan ke kiri:
copy:-
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
gallery azmas maju dot com
</MARQUEE>
hasilnya :
2)Contoh marquee dari gerakan kiri ke kanan:
copy:-
<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%">
gallery azmas maju dot com
</MARQUEE>
hasilnya :
3)Contoh marquee dengan variasi huruF dan warna latar belakang :
copy:-
<div align="MIDDLE"><FONT FACE="georgia" color="Black"><B><MARQUEE BGCOLOR="YELLOW" width="70%" scrollamount="3" behavior="alternate">
</MARQUEE></b></FONT></div>
hasilnya :
4)Contoh marquee dimana ketika mouse sedang berada di area marquee, teks akan berhenti dan ketika mouse di hala ketempat lain, maka teks akan bergerak kembali,
copy:-
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
gallery azmas dot com
gallry tutorial blogspot
</marquee>
hasilnya:
Dan contoh terakhir dimana marquee yang di dalam nya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://azmasmedia.blogspot.com" target="new">Jom Relaks</a><br/>
<a href="http://galeriazmas.blogspot.com" target="new"&Gallery Azmas Dot Com</a><br/>
</marquee>
hasilnya :









0 Teman-teman yang sudi komen:
Post a Comment