|
图片随机显示是一个应用非常广泛的技巧比如随机banner的显示当你进入一个网站时它的banner总是不同的或者总有内容不同的提示（tips）大家在网上浏览时会经常发现这样的例子使用这种技术不但能在一定的空间里放入更多的内容还可以给人一种经常更新的假象喔 怎么样心动了吧？其实只要你有一点点html和javascript 的基础一切都是这么简单follow me让我们来看看她随机的奥密 让我们从一个简单的例子开始吧平常我们在页面中加入图片都是用<img src=图片>来完成如果我们要随机显示张不同的图片就要对这句代码进行小小的修改首先加入<script>标记<script language=javascript></script>然后在这段标记内把<img src=图片>用documentwrite（）的型式放进去就成了documentwrite（<img src=图片>） 现在我们来完成最关建的一段id=Mathround（Mathrandom（）*）+这样取得随机数为将你要显示的图片改名为gifgifgifok！最后的代码是<script language=javascript> id=Mathround（Mathrandom（）*）+ documentwrite（<img src=+id+gif>） </script>试一下是不是不错？那如果我的每一张图片都对应了一个超链接该怎么办呢？ 我们还是来假设一下有张图片gifgifgif分别对应的链接是urlurlurl为了让图片和链接一一对应我们要设置一个数组image来放置链接的地址如下var image=new Array（） imagelength= image=url image=url image=url为了将与图片对应的链接取出来我们还要定义一个数组imageurl=image[id]原理是这样的当页面被读入时取一个随机数假设是即id=那么如上我们可轻松的完成gif在页面的显示然后我们可以看到imageurl=image而image=url剩下的事就好办了完整的代码如下<script language=javascript> var image=new Array（） imagelength= image=url image=url image=url id=Mathround（Mathrandom（）*）+ imageurl=image[id] documentwrite（<a +bannerurl+>+<img src=+id+gif>） </script>这只是一个简单的例子还有许多的功能可以实现比如设定图片的显示机率等 |
