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程序设计有所帮助。
热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西