Ingin tau cara membuat tulisan marquee seperti contoh di atas? berikut tutorialnya ;
- Marquee dari kiri ke kanan.
<marquee align="center" direction="right" height="30" scrollamount="2" width="50%">tutortrik.blogspot.com</marquee>Hasilnya akan seperti ini ;
Untuk membalik arah tulisan, ubah direction ke "left", maka hasilnya akan seperti ini;
- Marquee bolak balik.
<marquee align="center" direction="left" height="30" scrollamount="3" width="50%" behavior="alternate">tutortrik.blogspot.com</marquee>Hasilnya akan seperti ini ;
- Marquee berhenti saat di sorot mouse.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="100" align="center">tutortrik.blogspot.com</marquee>Hasilnya bisa dilihat dengan mengarahkan cursor mouse anda ke tulisan tutortrik.blogspot.com yang bergerak ;
Jika ingin menggerakkan tulisan ke bawah, ganti direction menjadi "down". maka hasilnya ;
- Marquee dengan link (hyperlink), berhenti saat di sorot mouse.
<marquee align="center" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="target link" target="_blank">tulisan link</a>
<a href="target link" target="_blank">tulisan link</a>
<a href="target link" target="_blank">tulisan link</a>
</marquee>
Hasilnya akan seperti ini ;
Gimana? mudahkan cara membuat efek tulisan marquee yang sudah saya berikan di atas? sebenarnya tekhnik marquee bukan hanya untuk modifikasi tulisan, tapi juga bisa untuk gambar.
Ini contohnya;
Untuk membuatnya anda tinggal memodifikasi kodenya, anda bisa juga merubah jenis, warna dan ukuran tulisan. Mungkin dengan membaca cara membuat link dapat membantu anda untuk membuat tulisan marquee yang lebih unik.
Tidak ada komentar:
Posting Komentar