javascript实例教程(10) 随机显示图片
有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用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有许多功能函数。
分享到:
相关推荐
**jQuery实例教程** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本教程中,我们将深入探讨jQuery的一些核心功能和常见应用,如滚动、导航、轮换、广告切换、...
本文档提供了JavaScript随机标签云的代码实例,该实例通过网页前端技术实现了一个标签云的动态效果,每个标签都有不同的颜色、大小以及在鼠标悬停时的背景颜色变化。标签云是网页中常见的一种用于展示关键词或标签的...
### JavaScript入门教程知识点总结 #### 一、JavaScript基础 ##### 1.1 关于JavaScript - **定义**:JavaScript是一种轻量级的编程语言,主要应用于网页开发中,用来为网页添加交互性。 - **历史**:由Netscape...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互功能,增强用户界面。这个“JavaScript练习”压缩包包含了多个经典的JavaScript练习Demo,旨在帮助学习者熟练掌握JavaScript的...
在本教程中,我们将深入探讨如何在ASP.NET中实现这一功能,包括生成随机字符串、创建验证码图片以及添加水印字母。 首先,我们需要生成一个随机字符串。在C#中,我们可以使用`Random`类和`char`数据类型来实现。...
在游戏设计中,JavaScript将与用户进行交互,获取他们的输入,然后与计算机生成的随机选择进行比较,判断胜负并显示结果。这涉及到DOM(文档对象模型)的操作,通过JavaScript来修改HTML元素以显示游戏状态。 接着...
总的来说,"原生js随机位置出现笑脸图片特效代码"是一个很好的学习原生JavaScript和动态效果实现的实例,它涵盖了基础的DOM操作、数学逻辑、CSS样式控制以及事件处理等重要概念,对于提升JavaScript编程技巧非常有...
【照片墙效果一多实例 (可随机排序)特效代码】是一种常见的网页设计技术,用于展示一组图片,以网格布局的形式排列,类似于现实生活中的照片墙。这种效果能够吸引用户注意力,增强网页的视觉吸引力,同时也方便用户...
另外,为了防止文件名冲突,教程中还涉及了如何生成一个随机的文件名。使用了简单的数学运算来确保文件名的唯一性,这可以避免在保存图片时覆盖已存在的文件。 对于图片的下载,教程中定义了一个download函数,该...
本系列主要针对那些希望为自己的网站或应用增添生动趣味性的开发者,通过一系列实例教程和代码示例,帮助他们掌握JavaScript在创建动态效果方面的技巧。 首先,我们来看“上方左右菜单”。这是一个常见的导航菜单...
压缩包中的`ml_main.zip`可能包含了更多关于JavaScript机器学习的示例代码、教程或完整的项目,这些资源可以帮助开发者深入理解和实践JavaScript中的机器学习技术。例如,可能包含如何使用TensorFlow.js搭建图像识别...
本文将基于给定文件中的内容,深入探讨JavaScript的基础与核心概念,并通过实例演示如何使用JavaScript实现动态效果。 #### 二、JavaScript与Java的区别 尽管JavaScript和Java的名字相似,但它们是两种完全不同的...
在提供的压缩包文件中,"photoshop实例教程.chm"可能包含了一系列Photoshop特效字体的制作步骤和案例,指导用户如何利用软件工具创建各种创意字体效果。"网页制作.chm"可能涵盖了从规划到实现一个完整网页的流程,...
这个教程和实例集主要涵盖了Ext2.0的基础知识、开发技巧以及实践应用,旨在帮助开发者快速掌握这一技术。 首先,让我们关注"Ext2.0的入门小实例"。这个部分可能包括了创建基本的用户界面元素,如窗口(Windows)、...
这个压缩包"javascript经典特效---用户认证的选择.rar"可能包含了一个关于如何利用JavaScript实现用户认证的实例或者教程。下面,我们将深入探讨JavaScript在用户认证中的应用及其相关知识点。 1. **基本概念**:...
### ASP.NET MVC3.0中文实例图解教程 #### 一、ASP.NET MVC3 快速入门—第一节 概述 ##### 1.1 本教程的学习内容 本教程旨在帮助初学者快速入门ASP.NET MVC3,主要内容涵盖以下几个方面: - **创建ASP.NET MVC ...
在提供的QML学习实例中,我们看到了三种不同的图像动画效果: 1. 水平平移 在这个例子中,两个图像(id为front和back)被包含在一个`Rectangle`内。`PropertyAnimation`用于改变`x`坐标,使`back`图像向右平移360...
本教程将详细讲解如何利用jQuery实现一个“颜色打字机”效果,即文字逐个显示并带有随机颜色的动态效果。 首先,我们需要理解基本的jQuery操作。jQuery库通过选择器(如`$("#elementId")`)找到DOM元素,然后应用...
总的来说,"jQuery图片随机排序推拽特效代码"是结合了前端技术与互动设计的实例,它展示了jQuery在实现动态效果方面的强大能力。无论是新手还是经验丰富的开发者,都能从中学习到如何通过JavaScript和jQuery创建...
本教程将详细讲解如何利用JavaScript来完成这一功能。 首先,我们需要一个HTML页面作为载体,创建一个按钮元素。在`<body>`标签内添加以下代码: ```html 点击改变背景色 ``` 这里的`id="changeColor"`用于后续...