JS实现页面载入时随机显示图片效果
本文实例讲述了JS实现页面载入时随机显示图片效果。分享给大家供大家参考,具体如下:
<html> <head> <title>JS随机图片效果</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <styletype="text/css"> <!-- img{border:#999999;border-style:dotted;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px} --> </style> </head> <SCRIPTLANGUAGE="JavaScript"> varrand1=0; varuseRand=0; images=newArray; images[1]=newImage(); images[1].src="img/a1.jpg"; images[2]=newImage(); images[2].src="img/a2.jpg"; images[3]=newImage(); images[3].src="img/a3.jpg"; images[4]=newImage(); images[4].src="img/a4.jpg"; functionswapPic(){ varimgnum=images.length-1; do{ varrandnum=Math.random(); rand1=Math.round((imgnum-1)*randnum)+1; }while(rand1==useRand); useRand=rand1; document.randimg.src=images[useRand].src; } </script> <bodybgcolor="#FFFFFF"text="#000000"OnLoad="swapPic()"> <imgname="randimg"src="img/a1.jpg"> </body> </html>
代码经测试可以正常运行。这里就不再配上运行效果图了,感兴趣的朋友可以挑几张美女图片测试一下看看效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。