Javascript实例教程(9) 随机显示图片

有时你可以会在一些网站看到一些变化显示的图片，这除了可以利用Flash来制作之外，当然也可以利用本节教程介绍的方法来实现哦。好吧，就开始我们的创作吧。我们可以在网页的最前面部分添加以下的代码来创建一个随机的数字：

<SCRIPT>

<!--

// Randomizer

rnd.today=new Date();

rnd.seed=rnd.today.getTime();


function rnd() {

rnd.seed = (rnd.seed*9301+49297) % 233280;

return rnd.seed/(233280.0);

};


function rand(number) {

return Math.ceil(rnd()*number);

};


// end randomizer. -->

</SCRIPT>


为了创建一个从1到10的随机数字，你可以rand(7)。为了显示随机显示从num1.gif到num7.gif，你可以编写以下代码到你的网页中去：

<SCRIPT LANGUAGE="JavaScript"><!--

document.write('<IMG SRC="banner' + rand(7) + '.gif"

WIDTH="400" HEIGHT="40">');

//--></SCRIPT>

一切OK了，你可以欣赏欣赏你的大作了。直到现在你可能会对JavaScript多了一点体会：JavaScript功能是如此的强大。我想这主要归功于JavaScript有许多功能函数。

点击此处去测试效果页面

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：Javascript实例教程(8) 检验表单有效性   下一篇：Javascript实例教程(10) 创建"后退"按钮

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】