网页中图片的随机显示

 我来答
黑科技1718
2022-10-28 · TA获得超过5852个赞
知道小有建树答主
回答量:433
采纳率:97%
帮助的人:80.8万
展开全部

  图片随机显示是一个应用非常广泛的技巧 比如随机banner的显示 当你进入一个网站时它的banner总是不同的 或者总有内容不同的提示(tips) 大家在网上浏览时会经常发现这样的例子 使用这种技术 不但能在一定的空间里放入更多的内容 还可以给人一种经常更新的假象喔

  怎么样心动了吧?其实只要你有一点点和javascript 的基础 一切都是这么简单 follow me 让我们来看看她随机的奥密

  让我们从一个简单的例子开始吧 平常我们在页面中加入图片都是用<img src= 图片 >来完成 如果我们要随机显示 张不同的图片就要对这句代码进行小小的修改 首先加入<script>标记 <script language=javascript></script>然后在这段标记内把<img src= 图片 >用document write( )的型式放进去 就成了document write( <img src=图片> )

  现在我们来完成最关建的一段 id=Math round(Math random()* )+ 这样取得随机数为 将你要显示的图片改名为 gif gif gif ok!最后的代码是 <script language=javascript> id=Math round(Math random()* )+ document write( <img src= +id+ gif> )

  </script>试一下 是不是不错?那如果我的每一张图片都对应了一个超链接该怎么办呢?

  我们还是来假设一下有 张图片 gif gif gif 分别对应的链接是url url url 为了让图片和链接一一对应 我们要设置一个数组image来放置链接的地址 如下 var image=new Array( )

  image length= image= url image= url image= url 为了将与图片对应的链接取出来 我们还要定义一个数组imageurl=image[id]原理是这样的 当页面被读入时 取一个随机数 假设是 即id= 那么如上我们可轻松的完成 gif在页面的显示 然后我们可以看到 imageurl=image而image= url 剩下的事就好办了 完整的代码如下 <script language=javascript> var image=new Array( )

  image length= image= url image= url image= url id=Math round(Math random()* )+ imageurl=image[id] document write( <a +bannerurl+ > + <img src= +id+ gif> )

lishixinzhi/Article/program/Java/JSP/201311/19613

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式