JavaScript实现简单图片翻转的方法

本文实例讲述了JavaScript实现简单图片翻转的方法。分享给大家供大家参考。具体如下：

这里先取两个命名smirk1.jpg和smirk2.jpg同样大小的图像

然后运行下面的代码，可以实现简单的图片翻转

<scripttype="text/javascript">

varrevert=newArray();

varinames=newArray('smirk');

//Preload

if(document.images){

varflipped=newArray();

for(i=0;i<inames.length;i++){

flipped[i]=newImage();

flipped[i].src=""+inames[i]+"2.JPG";

}

}

functionover(num){

if(document.images){

revert[num]=document.images[inames[num]].src;

document.images[inames[num]].src=flipped[num].src;

}

}

functionout(num){

if(docu<scripttype="text/javascript">

varrevert=newArray();

varinames=newArray('smirk');

//Preload

if(document.images){

varflipped=newArray();

for(i=0;i<inames.length;i++){

flipped[i]=newImage();

flipped[i].src=""+inames[i]+"2.JPG";

}

}

functionover(num){

if(document.images){

revert[num]=document.images[inames[num]].src;

document.images[inames[num]].src=flipped[num].src;

}

}

functionout(num){

if(document.images)document.images[inames[num]].src=revert[num];

}

</script>

希望本文所述对大家的javascript程序设计有所帮助。