随机图片效果 - 图形图象类 - 中国设计秀_网页设计教程_优秀网页设计欣赏

随机图片效果

转载请注明出处-中国设计秀-cnwebshow.com

<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" onload="if(this.width>600) {this.resized=true; this.width=600;}" onmouseover="this.style.cursor='hand'" onclick="{window.open('http://www.makewing.com/lanren/jscode/js-0006/images/01.jpg');}" src="http://www.makewing.com/lanren/jscode/js-0006/images/01.jpg" > </body> </html>
现在很多网站都加入了页中图片的随机显示功能，这样随机显示的漂亮图片总是能让网站呈现新鲜的感觉，这个脚本就是实现这样的功能，图片数量可以随意增减。转载请注明出处-中国设计秀-cnwebshow.com