"Efek Marquee" adalah teks berjalan dengan kode HTML, sehingga tidak akan terlalu sulit untuk membuatnya. Efek Marquee dapat digunakan pada blog sehingga blog akan nampak cantik, selain juga dapat berfungsi untuk menghemat ruangan.
Beberapa efek marquee yang dapat kita buat seperti:
1. Teks bergerak ke satu arah
2. Teks bergerak bolak balik
3. Teks bergerak ke atas
4. Teks bergerak sekali saja
5. dan lain-lain.
Mengapa bisa terjadi efek-efek?
Efek-efek timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes.
Fungsi dari masing-masing atributes,yang sering digunakan dalam marquee:
1. Behavior :
Digunakan untuk mengatur gaya gerakan pada teks, terdiri dari 3 gaya gerakan yang bisa digunakan:
1.Alternate : Teks bergerak bolak-balik
2.Slide : Teks hanya bergerak sekali saja
3.Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction:
Digunakan untuk mengatur arah gerakan teks, ada 4 arah gerakan yang bisa digunakan yaitu:
1. Up : Teks bergerak keatas
2. Down : Teks bergerak kebawah
3. Left : Teks bergerak kekiri
4. Right : Teks bergerak kekanan
3. Face:
Digunakan untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Bisa menggunakan semua jenis font yang tersimpan pada komputer.
4. Color :
Digunakan untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini
5. Width :
Digunakan untuk mengatur panjang ruangan teks dalam satuan pixel.
6. Height:
Digunakan untuk mengatur lebar ruangan teks dalam satuan pixel.
7. Bgcolor:
Digunakan untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".
8. Scrolldelay:
Digunakan untuk mengatur waktu tunda gerakan dalam satuan mili detik.
9. Scrollamount:
Digunakan untuk mengatur kecepatan gerakan dalam satuan pixel.
10. Loop:
Digunakan untuk mengatur jumlah pengulangan
Beberapa attributes bisa digunakan untuk membuat efek marquee atau teks berjalan.
Beberapa contoh efek marquee:
1. Efek teks bergerak bolak-balik secara horizontal
kode html:
2.Efek teks berjalan bolak-balik secara vertika
kode html:
3. Efek teks berjalan kekanan secara kontiniu
kode html:
4. Efek Bounce
kode html
5. Teks Berhenti Jika Mouse Menyentuh Daerah
Marquee
Silahkan menggeser mouse ke area marquee. Untuk membuat ini hanya perlu menambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"
kode html:
6. Berjalan Ke kiri Sekali
kode html:
7. Berjalan Ke kanan Tiga Kali
kode html:
Selamat mencoba!
No comments:
Post a Comment