Gambar Berubah Ketika Di Sorot Mouse

Yang namanya hobi posting yah setiap waktu luang disempetin untuk posting. Walau artikel-artikel saya belum bener bener berbobot tetapi kalau orang jawa bilang 'rai gedek' maju terus pantang mundur. Nah, ketika Anda melihat URL pada adress bar pasti bingung, kenapa kok judulnya Kata Siapa Budi Anduk Jelek? Hehehe, sebenernya saya pengen banget pakai judul itu, tetapi saya takut artikel ini malah nggak kebaca. Ada juga pilihan "Beckham hengkang karena budi Anduk?" Apa sih hubungannya? Nah, semuanya terhawab ketika Anda sorotkan mouse ke gambar. Pengen tahu caranya, saya akan memberikan dua langkaj mudah....

Nah, ada dua script di baeah ini:
1. SCRIPT PERTAMA

<script language="JavaScript">
var picture1 = "URLgambartersembunyi";
var picture2 = "URLgambarpertamatampil";
if (document.images) {
image1 = new Image();
image1.src = picture1
image2 = new Image();
image2.src = picture2;
}
function mover(img){
document["change"].src = img.src;
}
function mout(img){
document["change"].src = img.src;
}
</script>

Nah, letakkan kode di atas (jangan lupa ganti bagian yang berwarna merah) sebelum kode </head>

Lalu kalau sudah simpan template Anda, anda tinggal mengunakan script kedua untuk postingan Anda atau sidebar Anda...

2. SCRIPT KEDUA
<a href="http://www.masdoyok.co.cc" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="URLgambarpertamatampil" border=0></a>

Nah, mudah kan.....
Ganti yang berwarna hijau dengan alamt link... semoga bermanfaat sob!

Maaf untuk sementara contoh tidak dapat kami tampilkan tapi kami jamin script di atas akan bekerja.