这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 实现页面载入时随机显示图片效果, 涉及 javascript 基于随机数与数组的页面元素动态修改相关操作技巧, 需要的朋友可以参考下
本文实例讲述了 JS 实现页面载入时随机显示图片效果。分享给大家供大家参考,具体如下:
- <html>
- <head>
- <title>
- JS 随机图片效果
- </title>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <style type="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>
- <SCRIPT LANGUAGE="JavaScript">
- var rand1 = 0;
- var useRand = 0;
- images = new Array;
- images[1] = new Image();
- images[1].src = "img/a1.jpg";
- images[2] = new Image();
- images[2].src = "img/a2.jpg";
- images[3] = new Image();
- images[3].src = "img/a3.jpg";
- images[4] = new Image();
- images[4].src = "img/a4.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="img/a1.jpg">
- </body>
- </html>
代码经测试可以正常运行。这里就不再配上运行效果图了,感兴趣的朋友可以挑几张美女图片测试一下看看效果。
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0523/332018.html