Ganti Gambar saat Mouse Over
Maksudnya judul itu apa sih? Gini saat kamu kunjungi sebuah web dan arahkan cursor ke sebuah gambar tiba-tiba gambar itu berubah. Nah itulah yang dimaksudkan dengan judul ini. Scriptnya sendiri menggunakan peprograman Java script. Kebanyakan javascript untuk change image when mouse over panjang-panjang euy. Tapi tiba-tiba aja nemu yang cara super ringkas. Begini caranya
Langkah Pertama
Taruh script ini dibagian <head> </head>
<script language=”JavaScript” type=”text/javascript”>
function roll_over(img_name, img_src)
{
document[img_name].src = img_src;
}
</script>
Langkah Kedua
Taruh script tambahan di bagian a href pada image. Contohnya ialah dibawah ini
<a href=”some.html”
onmouseover=”roll_over(‘but1’, ‘icon2.gif’)”
onmouseout=”roll_over(‘but1’, ‘icon1.gif’)”>
<img src=”icon1.gif” width=”100″ height=”50″ name=”but1″ border=”0″>
</a>
OK. Itu aja. Cukup sederhana kan?
Untuk melihat contoh dan script yang lebih lebih langsung aja ke Web Developers Notes
4 Responses to Ganti Gambar saat Mouse Over
Leave a Reply Cancel reply
Hardono adalah
Saya adalah seorang anak, suami, ayah, pengrajin website, pengguna teknologi selular, penikmat musik, film, buku, olahraga, dan senang mengkritik para politikus saat ini. Melalui blog ini saya ingin mencoba berbagi berbagai hal yang saya temui dalam perjalanan kehidupan saya kepada para pembaca. Semoga blog ini memberkati Anda.
Archives
Recent Posts
- Bertemu dengan Sidik Nugroho
- Mari Mengajari Anak untuk Tidak Egois
- Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- Review Ringan Cross Andromeda A8T
- Daun Salam dengan Segudang Manfaat untuk Kesehatan
- 7 Cara Mudah Menjaga Kesehatan Anak
- 5 Cara Menjaga Kesehatan dan Menjauhi Obat
- 5 Efek Samping Mengerikan dari Antibiotik Kimiawi
- Teenlit Tidak Harus Tentang Cinta – Sebuah Pandangan untuk Novel Warrior : Sepatu Untuk Sahabat
- Mengakses Informasi Beasiswa dari Email
Recent Comments
- ega on Mencari Informasi Beasiswa Kristen
- aldi on Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- iman on Promo SMS Unlimited dari XL
- afit on Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- siti khadijah on Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- hirdhan on Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- Martasari Sihombing on Haruskah Beribadah di Gereja setiap Hari Minggu?
- habibi on 7 Cara Mudah Menjaga Kesehatan Anak
- Mahfuzil Ikhwan on Bagaimana Mengatasi Masalah 403 saat Mengunduh dari Play Store
- Benny on Registrasi Paket CDMA XL
gooooooog posting mas, thank bgt !
Wiiiiiihhhh
Sangat membantu pekerjaan saya nih Om..
Thx yoo
..bagus,,sangat membantu..
mas,,,, ane copas scriptnya ya,,, makasih banyak ya mas,,,
udah ane coba dan berhasil……
Mantap mas….