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程序设计有所帮助。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语