Onmouseover HTML Image
Cara membuat Onmouseover HTML Image, ketika mouse diarahkan ke image tertentu maka image akan berubah. Judul agak aneh Onmouseover HTML Image, karena bingung untuk seorang newbie memberi istilah pada efek tertentu pada kode-kode html.
Cara membuat Onmouseover HTML Image:
1. Siapkan dua gambar yang berbeda misalnya sebagai contoh logo blogger dan logo wordpress, upload ke hosting atau blogger, simpan url-nya.
2. Kemudian pakai kode dibawah ini:
<a href="http://ganti-link">
<img src="image1"
onmouseover="this.src='image2'"
onmouseout="this.src='image1'"></a>
Keterangan:<img src="image1"
onmouseover="this.src='image2'"
onmouseout="this.src='image1'"></a>
- http://ganti-link = ganti dengan link yang di tuju
- image1 = ganti dengan url dari gambar 1 (ada 2 yang harus diganti)
- image2 = ganti dengan url dari gambar 2
Onmouseover HTML Image
0 comments:
Post a Comment