Untuk menghiasi blog atau web, banyak cara yang bisa kita lakukan, termasuk memberi effek animasi teks berjalan. Dan untuk membuat teks berjalan caranya juga sangat mudah, baik dengan html, css, ataupun java scrip. Dan kali ini saya akan coba memberikan panduan cara membuat teks animasi berjalan dengan html. Animasi teks berjalan dengan html, tag dasar yang digunakan adalah "marquee". Marquee sendiri memiliki beberapa atribut dasar seperti "behavior, direction, scroll, delay, dan event mouse. 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 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. Semoga bermanfaat ya...... Jangan lupa tinggalin komentarmu lho.....Terima kasih.
|
blog, blogspot, blogger, blogspot.com, buat blog, cara bikin blog, panduan membuat blog, blog gratis, tutorial blog, tutorial blogspot, html, css, tutorial css, blog tutorial, blog template, templates blogger, blogger template, template blogger, free template, blogspot template, blog template free, free template blogger, blogspot template blog, free download software, free software
Membuat Teks Berjalan ( Marquee )
Label:
animasi,
Css,
Html,
Marquee,
Teks,
Teks berjalan,
Tutorial Blog
Langganan:
Posting Komentar (Atom)
makasih cak, tutotialnya....
BalasHapusboleh ndak saya posting diblog saya ?