当前位置: 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文 |
|
|||
图片随机显示技巧 | |||
2005-12-30 18:53:59 文/45IT收集 出处:电脑软硬件应用网 | |||
图片随机显示是一个应用非常广泛的技巧。比如随机banner的显示,当你进入一个网站时它的banner总是不同的,或者总有内容不同的提示(tips),大家在网上浏览时会经常发现这样的例子。使用这种技术,不但能在一定的空间里放入更多的内容,还可以给人一种经常更新的假象喔。 让我们从一个简单的例子开始吧。平常我们在页面中加入图片都是用<img src="图片">来完成。如果我们要随机显示3张不同的图片就要对这句代码进行小小的修改,首先加入<script>标记: <script language=javascript></script> 然后在这段标记内把<img src="图片">用document.write("")的型式放进去,就成了 document.write("<img src=图片>") 现在我们来完成最关建的一段: id=Math.round(Math.random()*2)+1 这样取得随机数为1,2,3将你要显示的图片改名为1.gif,2.gif,3.gif,ok!最后的代码是: <script language=javascript> 试一下,是不是不错?那如果我的每一张图片都对应了一个超链接该怎么办呢? var image=new Array(3) 为了将与图片对应的链接取出来,我们还要定义一个数组imageurl=image[id] <script language=javascript> |
|||
最新热点 | 最新推荐 | 相关文章 | ||
网页特效代码:仿京东的商品分类导航… 不能屏蔽的网页右下角窗口特效 装载页面进度条代码 链接特效之js做引用文章链接代码 左右移动转换文字特效HTML代码解析 网页页面实现自动刷新的3种代码 网页特效代码:纯css下拉菜单列表 JS特效代码:实现间歇无缝文字滚动特… 文字滚动特效(兼容多浏览器) 网页特效代码:JavaScript显示系统时… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |