Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.
Atribut tambahan:
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 lalu balik lagi ( bolak-balik bo)
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Marquee Gerakan
<MARQUEE align="center" direction="right"
height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</MARQUEE>
Hasilnya:
Marquee dari Perilaku Gerakan
<MARQUEE
align="center" direction="left" height="200" scrollamount="3"
width="70%" behavior="alternate">
marquee menurut perilaku
</MARQUEE>
Hasilnya:
Marquee dengan Variasi Hurup dan Warna Latar Belakang
<div align="left"><font color="white" face="georgia"><b><marquee bgcolor="red" behavior="alternate" width="70%" scrollamount="3">variasi hurup dan warna latar belakang</marquee></b></font></div>
Hasilnya:
marquee teks akan berhenti dan ketika mouse Didekatkan
<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2" direction="up" width="50%"
height="200" align="center">
silahkan tunjuk ke sini
</marquee>
Hasilnya:
dan untuk yang ada linknya:
Hasilnya:
Itu saja yang penulis berikan pembuatan marquee bisa anda kreasikan sendiri, agar anda lebih bisa mengerti tentang pembuatan marquee lebih baik anda coba-coba mengabungkan semuanya.
<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2" direction="up" width="100%"
height="100" align="center">
<a href="http://blog.bludus.com"
target="new">Tips Info</a><br/>
<a href="http://blog.bludus.com" target="new">Blog
Indonesia</a><br/>
<a href="http://cepplux.blogspot.com" target="new">Tips Info
Indonesia</a><br/>
</marquee>
Hasilnya:
Itu saja yang penulis berikan pembuatan marquee bisa anda kreasikan sendiri, agar anda lebih bisa mengerti tentang pembuatan marquee lebih baik anda coba-coba mengabungkan semuanya.
No comments:
Post a Comment