Đổi ảnh khi rê chuột

[JavaScriptBank]

Hiệu ứng tạo một

You must be registered for see links

khi ta rê

You must be registered for see links

đến các

You must be registered for see links

tại

You must be registered for see links

You must be registered for see links

Demo:

You must be registered for see links

|

You must be registered for see links

Cách cài đặt

Bước 1: Đặt mã JavaScript bên dưới vào phần HEAD
JavaScript

<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


preloadimages("logojs.gif","photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg")
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML

<a href="" onMouseover="changeimage(myimages[0],this.href)">JavaScriptBank.com</a><br>
<a href="" onMouseover="changeimage(myimages[1],this.href)">JavaScriptBank.com</a><br>
<a href="" onMouseover="changeimage(myimages[2],this.href)">JavaScriptBank.com</a><br>
<a href="" onMouseover="changeimage(myimages[3],this.href)">JavaScriptBank.com</a><br>
<a href="" onMouseover="changeimage(myimages[4],this.href)">JavaScriptBank.com</a><br>
<a href="javascript:warp()"><img src="logojs.gif" name="targetimage" border=0></a>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Đoạn mã tương tự
-

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links

Bạn có thể xem thêm nhiều JavaScript khác về

You must be registered for see links

và

You must be registered for see links

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links