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

2016-01-29 11:30 15 1 收藏

javascript实例教程(9) 随机显示图片,&#106avascript实例教程(9) 随机显示图片

【 tulaoshi.com - 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="http://img.jcwcn.com/attachment/portal"

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

//--</SCRIPT

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

点击此处去测试效果页面

来源:http://www.tulaoshi.com/n/20160129/1482539.html

上一篇： javascript实例教程(19) 使用HoTMetal(2)
下一篇：用javascript实现变色背景和文字

看过《javascript实例教程(9) 随机显示图片》的人还看了以下文章更多>>

javascript实例教程(9) 随机显示图片 01-29
javascript实例教程(18) 数组 01-29
javascript实例教程(6) 利用javascript进行密码保护 01-29
加快图片显示(javascript) 01-29
Javascript实例教程(9) 随机显示图片 02-19
javascript实例教程(15) 日期函数 01-29
javascript实例教程(13) 鼠标触发窗口 01-29
javascript实例教程(19) 使用HoTMetal(1) 01-29
javascript实例教程(20) OLE Automation(2) 01-29
javascript实例教程(20) OLE Automation(3) 01-29

javascript实例教程(19) 使用HoTMetal(6)

HoTMetal中使用Javascript 6.怎样编写一个保存模块脚本在本节教程的例子中，我们创建了一个新的保存模块文件对话框。HoTMetaL里面有几个模板你可以从中进行选择。模板只是一个普通的网页，这个网页被保存HoTMetaL应用程序目录的Template模板中。当你从文件菜单中选择新项目的时候，其中一个标签选项是Page From Template。当你选择...

javascript实例教程(20) OLE Automation(6)

使用JavaScript中的OLE Automation 6. 怎样提高脚本程序的性能自从我们处理重的对象模型（比如Word.Application）和应用程序实例，注意系统的资源示相当重要的。一旦我们完成对应用程序实例的处理，我们必须去掉它，以从内存重清除对象的实例。在Jscript中有唯一的方法来实现，它就是应用程序对象的Quit()方法，以下是一个例子： va...

javascript实例教程(20) OLE Automation(7)

使用JavaScript中的OLE Automation 7. 怎样处理集对象 Automation对象与其它的Jscript对象有些有相同的结构。它暴露了多种方法和属性，我们可以对它们进行处理。如果你从来没有接触Visual Basic，你可能就不熟悉集对象了。集就是相关项的组。集用在Visual Basic主要是为了保持跟踪许多事情，比如从你的程序（表单集）中装载表单，或者...

javascript实例教程(10) 创建后退按钮

利用Javascript创建一个“后退”连接在JavaScript中实现一个“后退”连接是相当容易的。这个“后退”连接的功能的作用就象网页中“后退”按钮一样，具体你可以使用以下代码： <FORM <input type=button value="Go Back" onClick="history.back(-1)" </FORM 你仔细点就会发现，这段代码实际上是使用了history.back()函...

javascript实例教程(19) 使用HoTMetal(4)

HoTMetal中使用Javascript 4. 怎样编写文档格式的脚本下面举个宏的例子：根据预定义的页面的布置准则来格式化文档。为了观察这个宏的效应，请关闭Enable Source Layout（允许源程序布局）按钮，具体从菜单中选择Tools（工具）-Customization（定制）。我们首先打开应用程序来初始化一些全局的变量。另外宏的名字必须为n_Application...

查看更多精彩>>