Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog.
Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda. Untuk lain-lainnya anda bisa ber experiment sendiri, mudah kok...
1. Tulisan berjalan Ke Kanan
Script:
<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> |
2. Tulisan Berjalan Dengan Gambar
Script:
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br /> |
3. Tulisan Berjalan Ke Atas
Script:
<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee> |
4. Tulisan Memantul
Script:
<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee> |
5. Tulisan Berjalan Akan Berhenti Bila Dibayangi Kursor
Script:
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee> |
6. Tulisan Bergerak Zig-Zag
Script:
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="left">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee> |
7. Tulisan Bouncing Around
Script:
<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br /> |
8. Tulisan Berjalan Lambat
Script:
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee> |
0 komentar:
Posting Komentar