随机图片效果

来源：中国设计秀作者：点击：220 加入收藏发表评论

0

顶一下

<html>
<head>
<title>javascriptboy</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>
<SCRIPT LANGUAGE="JavaScript">

var rand1 = 0;
var useRand = 0;

images = new Array;
images[1] = new Image();
images[1].src = "http://www.makewing.com/lanren/jscode/js-0006/images/01.jpg";
images[2] = new Image();
images[2].src = "http://www.makewing.com/lanren/jscode/js-0006/images/02.jpg";
images[3] = new Image();
images[3].src = "http://www.makewing.com/lanren/jscode/js-0006/images/03.jpg";
images[4] = new Image();
images[4].src = "http://www.makewing.com/lanren/jscode/js-0006/images/04.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;
}

</script>
<body bgcolor="#FFFFFF" text="#000000" OnLoad="swapPic()">
<img name="randimg" src="http://www.makewing.com/lanren/jscode/js-0006/images/01.jpg"> 
</body>
</html>

现在很多网站都加入了页中图片的随机显示功能，这样随机显示的漂亮图片总是能让网站呈现新鲜的感觉，这个脚本就是实现这样的功能，图片数量可以随意增减。

2007-07-29 00:06:00 出处：

本文引用地址：http://www.cnwebshow.com/site/html/article_954.html

热点文章/相关文章