有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用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实例教程.zipJavaScript实例教程.zipJavaScript实例教程.zipJavaScript实例教程.zip
JavaScript实例教程 通过实例进行JavaScript讲解
JavaScript实例教程源码
JavaScript实例教程源代码,内含21章实例教程的源代码,内容丰富。
菜鸟学习javascript实例教程,菜鸟学习javascript实例教程,菜鸟学习javascript实例教程,菜鸟学习javascript实例教程
常用实例,是学习javasript的较好参考书!
JavaScript 网页开发实例教程JavaScript 网页开发实例教程JavaScript 网页开发实例教程
编程语言JavaScript免费视频实例教程 编程语言JavaScript免费视频实例教程
网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与开发——HTML、CSS、JavaScript实例教程网页设计与...
JavaScript实例教程(9-16),都是很实用的实例,一共16个,特点是:实用、易懂。
javascript实例教程,从入门到精通,有案例一路伴随。很快成为动态 网页开发高手。
javascript 网页开发实例教程 适合任何读者 经典不容错过
网页设计与开发HTML、CSS、JavaScript实例教程
《JavaScript基础与实例教程》 中国电力出版社
JavaScript实例应用 JavaScript实例应用 JavaScript实例应用