信鸽网

js鼠标点击图片实现随机变换图片的方法

  作者：bea

本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下： <html><title>鼠标点击图片即可随机变换图片</title><body bgcolor="#fef4d9" OnLoad="swapPic()"><center><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar rand1 = 0;var useRand

本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下：




<html>

<title>鼠标点击图片即可随机变换图片</title>

<body bgcolor="#fef4d9" OnLoad="swapPic()">

<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var rand1 = 0;

var useRand = 0;

images = new Array;

images[1] = new Image();

images[1].src = "images/m01.jpg";

images[2] = new Image();

images[2].src = "images/m02.jpg";

images[3] = new Image();

images[3].src = "images/m03.jpg";

images[4] = new Image();

images[4].src = "images/m04.jpg";

function swapPic() {

var imgnum = images.length - 1;

do {

var randnum = Math.random();

rand1 = Math.round((imgnum - 1) * randnum) + 1;

} while (rand1 == useRand);

useRand = rand1;

document.randimg.src = images[useRand].src;

}

// End -->

</script>

<a onClick="swapPic();">

<img name="randimg" src="images/m09.jpg">

</a>

<br>

<font face="Verdana" size="-2">click image to change

</center>

</body>

</html>


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




有用  |  无用

猜你喜欢

您可能感兴趣的文章: