Prinsip produksi
Prinsip pembuatan gambar swap adalah alat Tukar gambar yang diterapkan pada panel perilaku di Dreamweaver. Atur agar ketika mouse mengarahkan mouse ke gambar tombol tertentu, biarkan tombol itu sendiri melakukan pertukaran gambar (dipertukarkan menjadi gambar dengan teks kuning), dan pada saat yang sama merancang pertukaran gambar penunjuk (ditukar menjadi penunjuk yang menunjuk ke gambar penunjuk Tombol saat ini) untuk mencapai efek di atas.
^-^: Faktanya, beberapa hal di halaman web tampak sangat misterius, tetapi pada dasarnya, itu hanyalah perubahan sederhana dari beberapa gambar atau beberapa lapisan.
bahan kerajinan
Yang ditunjukkan di sini adalah membalik 7 gambar tombol, jadi kita perlu membuat total 21 gambar, 14 gambar tombol, dan 7 gambar penunjuk, untuk mendapatkan efek yang ditampilkan. Diantaranya, 7 gambar tombol depan masing-masing diberi nama B1-1~B1-7, 7 gambar tombol latar belakang diberi nama masing-masing B2-1~B2-7, dan 7 gambar penunjuk masing-masing diberi nama Z1~Z7, dan penunjuknya menunjuk ke Tombol satu sampai tujuh. Anda dapat menggunakan perangkat lunak pembuatan gambar seperti Fireworks untuk membuat gambar tombol.
Metode persiapan
1. Buat file halaman web.
2. Sisipkan tabel berukuran 7x2 dan gabungkan kolom kiri tabel untuk menyisipkan gambar penunjuk. Tujuh tabel di sebelah kanan digunakan untuk menyisipkan gambar tombol.
3. Sisipkan gambar penunjuk pertama Z1 pada tabel di sebelah kiri, dan sisipkan tombol depan berwarna biru B1-1~B1-7 di 7 baris sel di sebelah kanan (efeknya ditunjukkan pada Gambar 2).
4. Klik "Window (Windows) → Behavior" untuk membuka panel perilaku.
5. Pilih gambar pertama untuk mengatur perilaku. Berikut adalah gambar tombol dengan tulisan "Guiding Idea", yaitu gambar B1-1.
6. Klik tombol plus dan pilih Tukar gambar di menu pop-up untuk memunculkan kotak dialog tukar gambar. Bagian utama dari pengaturan kami akan dilakukan di kotak dialog ini.
7. Klik tombol telusuri pada kotak dialog, lalu pilih gambar tujuan yang akan dibalikkan gambar tombol tersebut, dalam hal ini adalah gambar tombol dengan teks berwarna kuning, yaitu gambar B2-1. Lalu klik oke.
8. Ulangi langkah 6, pilih gambar penunjuk Z1 di kotak teks gambar, lalu klik lagi tombol telusuri untuk membaliknya ke file penunjuk pertama, Z1. Klik Oke. Setelah menyelesaikan operasi di atas, hasil tampilan pada panel perilaku ditunjukkan pada Gambar 3.
9. Pilih gambar tombol kedua B1-2, balikkan menjadi tombol B2-2 sesuai cara di atas, dan balikkan gambar penunjuk ke gambar penunjuk kedua Z2.
10. Ikuti langkah di atas dan atur 5 gambar berikut untuk perilaku bertukar gambar.
11. Tekan F12 untuk melihat pratinjau dan arahkan penunjuk mouse ke setiap gambar.