Membuat Efek Marque ( teks berjalan )
Text Berjalan Kekiri
<marquee bgcolor="#FFB6C1" loop="10">Text Berjalan</marquee>
<marquee bgcolor="#FFB6C1" loop="10">Text Berjalan</marquee>
Text Berjalan Kiri Kanan
<marquee behavior="alternate" bgcolor="#FFB6C1" scrollamount="5" loop="10">Kiri Kanan</marquee>
<marquee behavior="alternate" bgcolor="#FFB6C1" scrollamount="5" loop="10">Kiri Kanan</marquee>
Text Berjalan ke kanan
<marquee behavior="scroll" direction="right" bgcolor="#E6E6FA" scrollamount="5" loop="15">Text Berjalan kekanan</marquee>
Text Berjalan Turun/Naik
<marquee behavior="scroll" direction="down" bgcolor="#00da000" loop="-2">Text Berjalan Turun.<br/>Selamat Datang,<br/> Semoga Menyenangkan.</marquee>
Untuk text berjalan naik, ganti kata 'down' menjadi 'up'.
<marquee behavior="scroll" direction="down" bgcolor="#00da000" loop="-2">Text Berjalan Turun.<br/>Selamat Datang,<br/> Semoga Menyenangkan.</marquee>
Untuk text berjalan naik, ganti kata 'down' menjadi 'up'.
Efek marque adalah efek
untuk membuat teks seperti berjalan, untuk membuat teks berjalan kita
perlu menyisipkan kode HTML. Tulisan
yang berjalan ini dapat digunakan untuk menuliskan kata-kata penting di blog karena
tulisan ini dapat menarik perhatian pengunjung. Tak hanya
itu apabila tulisan yang akan kita tuliskan cukup panjang maka efek marque ini
akan sangat menghemat tempat di blog. berikut
ini adalah contoh-contoh efek marque, beserta kode HTML nya :
- marque biasa
Kode HTML :
<MARQUEE align="center"
direction="right" height="200" scrollamount="2"
width="30%">
teks kamu disini
</MARQUEE>
teks kamu disini
</MARQUEE>
- marque dengan getaran
Kode HTML :
<MARQUEE align="center"
direction="left" height="200" scrollamount="3"
width="70%" behavior="alternate">
teks kamu disini
</MARQUEE>
teks kamu disini
</MARQUEE>
- marquee dengan variasi huruf dan warna latar belakang
Kode HTML :
<div align="left"><FONT FACE="georgia"
color="White"><B><MARQUEE BGCOLOR="RED"
width="70%" scrollamount="3"
behavior="alternate">
teks kamu disini
</MARQUEE></b></FONT></div>
teks kamu disini
</MARQUEE></b></FONT></div>
- Marque berhenti bila ditunjuk mouse
Kode HTML :
<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2"
direction="up" width="50%" height="200"
align="center">
teks kamu disini
</marquee>
teks kamu disini
</marquee>
0 comments:
Post a Comment