最新

图片随机显示技巧

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

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

让我们从一个简单的例子开始吧。平常我们在页面中加入图片都是用<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>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".gif>")
</script>

【回到顶部】

评论Feed 评论Feed: http://www.exiuge.net/feed.asp?q=comment&id=12
这篇日志没有评论.

此日志不可发表评论.