Efek dari teks marquee ini akan mampu membuat teks yang anda buat ini berjalan dari kekiri kekanan, dari atas kebawah dan begitu sebaliknya andapun bisa mengatur kecepatan daripada teks marquee tersebut. bagaimana untuk membuat teks marquee tersebut dibawah ini contohnya :
1.Marquee dari kiri kekanan :
<marquee direction="right" scrollamount="3">
Contoh Marquee dari kiri ke kanan
</marquee><p>
Hasilnya :
2.Marquee dari kanan kekiri :
<marquee direction="right" scrollamount="3">
Contoh Marquee dari kiri ke kanan
</marquee><p>
Hasilnya :
3.Marquee dengan gerak bolak-balik :
<MARQUEE align="center" direction="left" height="100" scrollamount="3" width="70%" behavior="alternate">
Contoh MARQUEE dengan Gerakan bolak-balik
</MARQUEE>
Maka hasilnya :
4.Marquee dari bawah keatas :
<marquee direction="up" scrollamount="2″ height="50″ width="50%">
Contoh Marquee dari bawah keatas
</marquee><p>
Hasilnya :
5.Marquee dari atas kebawah :
<marquee direction="down" scrollamount="2″ height="50″ width="50%">
Contoh Marquee dari atas kebawah
</marquee><p>
Hasilnya :
6.Merquee dengan efek background :
<font color="white"><marquee direction="right" scrollamount="2" bgcolor="black">
Contoh Marquee dengan menggunakan background hitam dan warna font putih
</font></marquee><p>
Maka hasilnya :
Variasi lain dari teks marquee ini yaitu ketika mouse didekatkan pada teks tersebut maka teks tersebut akan berhenti dan kemudian akan berjalan lagi ketika mouse dijauhkan dari teks ini dapat dipergunakan untuk menjalankan link:
Contohnya :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Arahkan mouse anda kesini
</marquee>
Maka hasilnya :
Marquee dengan dalamnya terdapat link:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
<a href="http://www.gudangnews.com/">Blogspot tutorial</a>
<a href="http://bestthemeblogger.blogspot.com/">Free blogger templates</a>
<a href="http://www.gudangnews.com/search/label/TEMPAT%20DOWNLOAD">Free software download</a>
<a href="http://www.gudangnews.com/search/label/ARTIKEL%20ANEH%20DAN%20UNIK">Info aneh dan unik</a>
</marquee>
Maka hasilnya :
Hanya itu yang bisa saya tulis anda bisa berkreasi sendiri dengan yang lebih menarik sesuai dengan selera anda sendiri.
Keterangan :
BGCOLOR="warna" : Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" : Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" : Untuk mengatur tingkah laku teks yang dimaksud
Scroll : teks bergerak secara berputar
Slide : teks bergerak sekali lalu berhenti
Alternate : teks bergerak dari kiri kekanan lalu balik lagi (Wara-wiri)
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
Tidak ada komentar:
Posting Komentar