随机图片效果

VIEW:

来源：懒人图库　作者：不详　

2007-06-26

<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>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

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

上一篇文章：
下一篇文章：	[关闭窗口]

JS广告代码

+ 站点更新

+ 热门点击