js鼠标点击图片实现随机变换图片的方法
本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<title>鼠标点击图片即可随机变换图片</title>
<bodybgcolor="#fef4d9"OnLoad="swapPic()">
<center>
<SCRIPTLANGUAGE="JavaScript">
<!--Begin
varrand1=0;
varuseRand=0;
images=newArray;
images[1]=newImage();
images[1].src="images/m01.jpg";
images[2]=newImage();
images[2].src="images/m02.jpg";
images[3]=newImage();
images[3].src="images/m03.jpg";
images[4]=newImage();
images[4].src="images/m04.jpg";
functionswapPic(){
varimgnum=images.length-1;
do{
varrandnum=Math.random();
rand1=Math.round((imgnum-1)*randnum)+1;
}while(rand1==useRand);
useRand=rand1;
document.randimg.src=images[useRand].src;
}
//End-->
</script>
<aonClick="swapPic();">
<imgname="randimg"src="images/m09.jpg">
</a>
<br>
<fontface="Verdana"size="-2">clickimagetochange
</center>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。