新客网WWW.XKER.COM:致力做中国最专业的网络学院!
学院: 操作系统 - 网络应用 - 服务器 - 网络安全 - 工具软件 - 办公软件 - Web开发 - 数据库 - 网页设计 - 图形图像 - 媒体动画 - 硬件学堂 - 存储频道 - QQ专区
您的位置:首页 > 软件开发 > Web开发 > JavaScript > 正文:Javascript实例教程(10) 随机显示图片

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

新客网 XKER.COM 2006-07-15 来源: 收藏本文
利用Javascript随机显示图片

有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用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有许多功能函数。


收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭
发表评论
要记得去论坛讨论,点击注册新会员匿名评论
评论内容:不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
阅读排行
随机推荐
实用信息推荐