晨风资讯网
新闻资讯┊网络冲浪┊网页设计┊网络编程┊图形图像┊数据库┊网络媒体┊服务器┊网络安全┊网站运营┊软件教程┊黑客┊认证┊Wap技术
教程搜索
 教程搜索：
  首页 > 网页设计 > 网页特效 > 正文  

Javascript实例教程(10)
日期：2006-1-19 10:13:22 来源：网络 作者：无名 浏览:次
利用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有许多功能函数。

点击此处去测试效果页面
上一篇： Javascript实例教程(9-2) 下一篇：

Javascript实例教程(11)
返回列表 打印此页 加入收藏 资讯论坛 关闭窗口 点击复制本页地址，发送给QQ/MSN好友
关于我们 - 联系我们 - 版权声明 - 帮助(？) - 广告服务 - 友情链接 - 服务项目 - 人才招聘
2003-2008 版权所有 © 晨风资讯网 未经授权禁止复制或建立镜像
CopyRight 2003-2008 www.Net118.com,All Rights Reserved.Design By ChenFeng Network Studio