Menambahkan Javascript Efek Rollover Ke Gambar
Rollovers gambar Javascript digunakan untuk membawa interaktivitas ke halaman Web. Penggunaan rollover adalah salah satu bentuk yang paling populer dari Javascript di web. Rollovers Javascript (atau mouse-over efek) yang cukup umum pada situs hari ini dan dapat digunakan dengan sangat kreatif.
Gambar yang telah dibangun ini mengubah cara ketika Anda men-drag mouse anda ke atas mereka dan kembali lagi ketika Anda menghilangkan kursosr. Mouse-over efek sangat mudah untuk dibuat dan mereka benar-benar dapat menambahkan kehidupan ke gambar atau situs Anda.
Pada artikel ini akan menunjukkan kepada Anda bagaimana menambahkan efek Javascript rollover ke gambar pada website Anda.
Langkah 1 : Membuat 2 Gambar
Agar efek ini bekerja dengan baik, Anda perlu membuat dua gambar. Idealnya, ini harus memiliki dimensi yang sama (tinggi dan lebar) dan harus berada dalam direktori yang sama. Sangat penting bahwa Anda dapat mengingat dan membedakan antara nama-nama gambar, jadi jangan memberi nama sesuatu yang terlalu panjang atau sulit.
Untuk contoh ini akan memberi nama gambar testbox1.gif dan testbox2.gif.
Langkah 2 : Membuat Sebuah Dokumen HTML
Setelah membuat gambar, saatnya untuk membuat kode. Pada Notepad, mulai mengetik sebuah file HTML sederhana. Anda akan memasukkan Javascript setelah tag .
Semua yang dilakukan di sini adalah mendefinisikan gambar. Tag adalah tempat akan dimasukkan tindakan. Dalam tag , masukkan kode image source Anda juga akan lakukan pada gambar HTML lainnya, kecuali dalam hal ini Anda harus menambahkan fungsi mouseover dan mouseout untuk kode untuk mencapai efek rollover.
Setelah selesai, simpan file tersebut sebagai file .html. Anda bisa mengklik ganda file tersebut dan akan terbuka di browser web Anda dengan foto dan efek rollover bekerja dengan baik.
Source : http://islam-download.net/tips-tricks/internet-tips-tricks/menambahkan-javascript-efek-rollover-ke-gambar.html
