linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘建议留言网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件调用顺序
·javascript 事件监听机制
·js刷新框架子页面的七种方法
·用javascript操作word文档
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·JS实现的滑动展开与折叠效果
·连续滚动图片的制作
·有分页功能的WEB打印
·Javascript中Select的OnChange
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
Javascript实例:随机显示图片
[ 作者:  加入时间:2007-10-09 12:51:15  来自:Linux联盟收集整理 ]

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

<SCRIPT>

<!--

// Randomizer

rnd.today=new Date();

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

hrPLinux联盟
function rnd() {

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

return rnd.seed/(233280.0);

};

hrPLinux联盟
function rand(number) {

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

};

hrPLinux联盟
// end randomizer. -->

</SCRIPT>

hrPLinux联盟
为了创建一个从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有许多功能函数。hrPLinux联盟

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
 ·Javascript实例: 创建"后退"按钮  (2007-10-09 12:52:12)
 ·Javascript实例:检验表单有效性  (2007-10-09 12:21:44)
 ·Javascript实例:利用Javascript基于浏览器类型的重定向  (2007-10-09 12:14:32)
 ·Javascript实例: 利用Javascript进行密码保护  (2007-10-09 12:12:40)
 ·Javascript实例:在一个表单中设置和检查Cookies  (2007-10-09 12:09:11)
 ·Javascript实例教程(4) 探测浏览器插件  (2007-10-09 12:08:09)
 ·Javascript实例:探测浏览器插件  (2007-10-09 12:07:11)
 ·Javascript实例:创建折叠式导航菜单  (2007-10-09 12:05:51)
 ·Javascript实例: 创建弹出式窗口  (2007-10-09 12:04:53)