當(dāng)前位置：首頁(yè) > JS代碼 > JS特效代碼 > 圖片特效

隨機(jī)圖片效果

2009-06-05　來(lái)源/作者：懶人圖庫(kù)　分類：圖片特效　 «»

<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.cxj168.com/lanren/jscode/js-0006/images/01.jpg";
images[2] = new Image();
images[2].src = "http://www.cxj168.com/lanren/jscode/js-0006/images/02.jpg";
images[3] = new Image();
images[3].src = "http://www.cxj168.com/lanren/jscode/js-0006/images/03.jpg";
images[4] = new Image();
images[4].src = "http://www.cxj168.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.cxj168.com/lanren/jscode/js-0006/images/01.jpg">
 <p>查找更多代碼，請(qǐng)?jiān)L問(wèn)：<a href="http://www.cxj168.com" target="_blank">懶人圖庫(kù)</a></p>
</body>
</html>

運(yùn)行代碼保存代碼提示：您可以先修改部分代碼再運(yùn)行，保存代碼功能在Firefox下無(wú)效。

現(xiàn)在很多網(wǎng)站都加入了頁(yè)中圖片的隨機(jī)顯示功能，這樣隨機(jī)顯示的漂亮圖片總是能讓網(wǎng)站呈現(xiàn)新鮮的感覺(jué)，這個(gè)腳本就是實(shí)現(xiàn)這樣的功能，圖片數(shù)量可以隨意增減。

標(biāo)簽：圖片特效