当前位置： 首页 > JS代码 > JS特效代码 > 图片特效 > 第1页

随机图片效果

来源：懒人图库2009-06-05

<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.lanrentuku.com/lanren/jscode/js-0006/images/01.jpg";
images[2] = new Image();
images[2].src = "http://www.lanrentuku.com/lanren/jscode/js-0006/images/02.jpg";
images[3] = new Image();
images[3].src = "http://www.lanrentuku.com/lanren/jscode/js-0006/images/03.jpg";
images[4] = new Image();
images[4].src = "http://www.lanrentuku.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.lanrentuku.com/lanren/jscode/js-0006/images/01.jpg">
 <p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

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

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

↑上一篇：MyPixbot带阴影的可拖动的浮动层
↓下一篇：给表格加上滚动条

广告代码

共431个JS广告代码

››全部

特效代码

共305个JS特效代码

››全部

最近浏览过的特效代码更多››

不间断向左滚动代码