随机图片效果

2009-06-05　来源/作者：HTML5中文学习网　分类：图片特效　 «»

<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 = "p1.html"/*tpa=hhttp://www.html5cn.com.cn/js/js/p1.html*/;
images[2] = new Image();
images[2].src = "p1.html"/*tpa=hhttp://www.html5cn.com.cn/js/js/p1.html*/;
images[3] = new Image();
images[3].src = "p1.html"/*tpa=hhttp://www.html5cn.com.cn/js/js/p1.html*/;
images[4] = new Image();
images[4].src = "p1.html"/*tpa=hhttp://www.html5cn.com.cn/js/js/p1.html*/;

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="p1.html" tppabs="#lanren/jscode/js-0006/images/01.jpg">
 <p>查找更多代码，请访问：<a href="../index.htm" tppabs="#" target="_blank">HTML5中文学习网</a></p>
</body>
</html>

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

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

标签：图片特效