Efek Rollover Pada Gambar

Efek rollover pada gambar adalah salah satu efek gambar dimana gambar otomatis akan berubah menjadi gambar lain bila mouse diletakkan di atas gambar (disebut dengan rollover) dan akan kembali seperti semula bila mouse disingkirkan dari gambar. Membuat Efek rollover pada gambar sangatlah gampang, anda hanya perlu beberapa langkah untuk memasang efek ini pada gambar anda. Sebagai contoh anda dapat melihat gambar di bawah ini.

Membuat Efek Rollover Pada Gambar

Step 1

Masuk ke halaman HTML (disamping compose)

Step 2

Letakkan kode berikut pada halaman HTML anda (letaknya terserah dari anda dimana anda ingin menempatkan gambar)

<a href="URL BLOG ANDA"><img src="URL GAMBAR PERTAMA" onmouseover="this.src='URL URL GAMBAR KEDUA'" onmouseout="this.src='URL GAMBAR PERTAMA'" /></a> 

Selesai!
Mudah kan? Anda baru bisa melihat hasilnya setelah anda mempublish artikel anda.
Selamat mencoba!
Wassalam.

Written by: Rysmah Zainal Arifin

The Kampoeng Blogger, Updated at: 10:53 PM

Posted in: Body , Efek , Gambar