Dalam
pembuatan web biasanya kita menambahkan animasi untuk memperindah
tampilan web kita. Kita dapat menambahkan animasi, untuk membuat animasi
tersebut bisa menggunakan swishmax, dengan mengimpor file tersebut
dalam bentuk HTML+SWF, apabila animasi telah dimasukkan ke web kita bisa
mengatur animasi yang dibuat itu yaitu saat kursor berada di atasnya
animasi tersebut berhenti tapi saat kursor tidak berada di atas animasi,
animasinya bergerak/jalan lagi. Nah disini bisa menggunakan yang
namanya Rollover dan Rollout.
Rollover merupakan pengertian dari
ketika kursor berada di atas atau di area animasi, sedangkan Rollout
merupakan kursor berada di luar atau tidak di area animasi.
Langkah 1
Buatlah animasi yang akan ditambahkan
pada web, misalnya membuat animasi seperti iklan untuk web yang telah
buat, pada saat menambahkan efek dan ingin efek itu jalan terus menerus
jadikan objek yang akan diberi efek itu sprite kemudian di panel sprite
non aktifkan stop playing at end sprite.
Langkah 2
Setelah dibuat objek dan efek yang
diinginkan, untuk membuat agar animasi dalam keadaaan Rollover tambahkan
script di bagian scene. Caranya dengan cara klik script yang ada di
samping layout: scene1
Di jendela script klik add script ->
event -> button -> on (rollover), kemudian klik lagi add script
-> movie control -> stop()
Maka akan muncul tampilan isi dari script :
Langkah 3
Setelah rollover ditambahkan rollout,
caranya sama seperti menambahkan script di rollover tadi yaitu : add
script -> event -> button -> on (rollout), kemudian klik lagi
add script -> movie control -> play(), maksud play yaitu apabila
kursor tidak berada di area animasi maka animasi tersebut akan jalan
lagi.
Langkah 4
Untuk memasukkan animasi yang telah
dibuat tadi ke aplikasi untuk membuat web, terlebih dahulu diimport dulu
ke dalam bentuk HTML + SWF
Langkah 5
Setelah di import ke dalam bentuk HTML +
SWF baru masukkan ke dalam web. Ambillah kode html mulai dari
<object>รข€¦</object> lalu sisipkan di dalam web yang sedang
dibuat.
Selamat mencoba.
0 Komentar untuk "Cara Membuat Tombol Rollover dan Rollout"