Langsung saja ya...,
Berikut ini adalah contoh penggunaan "marquee" pada HTML, dan sengaja saya sajikan beberapa contoh marquee, agar lebih mudah membedakan effek yang dihasilkan :
1. behvior=scroll.
Teks dengan atribut ini akan berjalan terus hingga habis teks yang ditampilkan dan mengulanginya lagi dari awal.Teks Berjalan Terus
|
Teks Berjalan sesuai arah yang ditentukan
|
Teks Berjalan sesuai arah yang ditentukan dengan effek delay
|
2. behavior=alternate.
Atribut ini akan menampilkan animasi teks berjalan dari kanan ke kiri dan kemudian kembali lagi kekanan.
Teks Berjalan Bolak - balik
Teks Berjalan Bolak - balik
|
Teks Berjalan Bolak - balik sesuai arah yang ditentukan
|
Teks Berjalan Bolak - balik sesuai arah yg ditentukan, dgn effek delay
|
3. behavior=slide
Atribut ini akan menampilkan animasi teks berjalan hingga habis area lalu berhenti.
Teks Berjalan lalu berhenti
|
Teks Berjalan lalu berhenti sesuai arah yang ditentukan
|
Teks Berjalan lalu berhenti sesuai arah yg ditentukan, dgn effek delay
|
Catatan :
"direction"
berfungsi menentukan arah animasi teks akan berjalan yaitu right (kanan), left (kiri), up (keatas), dan down (kebawah).
"scroldelay"
berfungsi menentukan kecepatan animasi berjalan, semakin besar nilainya maka akan semakin cepat jalannya animasi.
"onmouseover=stop()"
Berfungsi menghentikan teks atau animasi yang sedang berjalan, ketika cursor mouse kita arahkan diatas teks atau animasi berjalan tersebut.
"onmouseout=start()"
Berfungsi akan kembali menjalankan teks atau animasi, jika cursor mouse tidak berada di atas teks atau animasi berjalan tersebut.
Anda bisa memberi variasi teks sesuai selera, silahkan anda kreasi sendiri.
"direction"
berfungsi menentukan arah animasi teks akan berjalan yaitu right (kanan), left (kiri), up (keatas), dan down (kebawah).
"scroldelay"
berfungsi menentukan kecepatan animasi berjalan, semakin besar nilainya maka akan semakin cepat jalannya animasi.
"onmouseover=stop()"
Berfungsi menghentikan teks atau animasi yang sedang berjalan, ketika cursor mouse kita arahkan diatas teks atau animasi berjalan tersebut.
"onmouseout=start()"
Berfungsi akan kembali menjalankan teks atau animasi, jika cursor mouse tidak berada di atas teks atau animasi berjalan tersebut.
Anda bisa memberi variasi teks sesuai selera, silahkan anda kreasi sendiri.
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).