这是JAVAsrcipt的一种特效:图片随机显示是一个应用非常广泛的技巧
比如随机banner的显示,当你进入一个网站时它的banner总是不同的,或者总有内容不同的提示(tips),大家在网上浏览时会经常发现这样的例子
其实只要你有一点点html和javascript的基础,一切都是这么简单
平常我们在页面中加入图片都是用<imgsrc="图片">来完成
如果我们要随机显示3张不同的图片就要对这句代码进行小小的修改,首先加入<script>标记:<scriptlanguage=javascript></script>然后在这段标记内把<imgsrc="图片">用document
write("")的型式放进去,就成了document
write("<imgsrc=图片>")现在我们来完成最关建的一段:id=Math
round(Math
random()*2)+1这样取得随机数为1,2,3将你要显示的图片改名为1
gif,2
gif,3
gif,ok!最后的代码是:<scriptlanguage=javascript>id=Math
round(Math
random()*2)+1document
write("<imgsrc="+id+"
gif>")</script>试一下,是不是不错那如果我的每一张图片都对应了一个超链接该怎么办呢我们还是来假设一下有3张图片,1
gif,2
gif,3
gif,分别对应的链接是url1,url2,url3
为了让图片和链接一一对应,我们要设置一个数组image来放置链接的地址,如下:varimage=newArray(3)image
length=3image[1]="url1"image[2]="url2"image[3]="url3"为了将与图片对应的链接取出来,我们还要定义一个数组imageurl=image[id]原理是这样的:当页面被读入时,取一个随机数,假设是2即id=2,那么如上我们可轻松的完成2
gif在页面的显示
然后我们可以看到:imageurl=image[2]而image[2]="url2",剩下的事就好办了
完整的代码如下:<scriptlanguage=javascript>varimage=newArray(3)image
length=3image[1]="url1"image[2]="url2"image[3]="url3"id=Math
round(Math
random()*2)+1imageurl=image[id]document
write("<ahref="+bannerurl+">"+"<imgsrc="+id+"
gif>")</script>
logo设计
创造品牌价值
¥500元起
APP开发
量身定制,源码交付
¥2000元起
商标注册
一个好品牌从商标开始
¥1480元起
公司注册
注册公司全程代办
¥0元起
查
看
更
多