`
starbhhc
  • 浏览: 654313 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多
有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用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实例教程** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本教程中,我们将深入探讨jQuery的一些核心功能和常见应用,如滚动、导航、轮换、广告切换、...

    Javascript随机标签云代码实例

    本文档提供了JavaScript随机标签云的代码实例,该实例通过网页前端技术实现了一个标签云的动态效果,每个标签都有不同的颜色、大小以及在鼠标悬停时的背景颜色变化。标签云是网页中常见的一种用于展示关键词或标签的...

    asp.net 生成随机验证码

    在本教程中,我们将深入探讨如何在ASP.NET中实现这一功能,包括生成随机字符串、创建验证码图片以及添加水印字母。 首先,我们需要生成一个随机字符串。在C#中,我们可以使用`Random`类和`char`数据类型来实现。...

    javascript趣味教学案例

    在游戏设计中,JavaScript将与用户进行交互,获取他们的输入,然后与计算机生成的随机选择进行比较,判断胜负并显示结果。这涉及到DOM(文档对象模型)的操作,通过JavaScript来修改HTML元素以显示游戏状态。 接着...

    JavaScript练习

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互功能,增强用户界面。这个“JavaScript练习”压缩包包含了多个经典的JavaScript练习Demo,旨在帮助学习者熟练掌握JavaScript的...

    原生js随机位置出现笑脸图片特效代码

    总的来说,"原生js随机位置出现笑脸图片特效代码"是一个很好的学习原生JavaScript和动态效果实现的实例,它涵盖了基础的DOM操作、数学逻辑、CSS样式控制以及事件处理等重要概念,对于提升JavaScript编程技巧非常有...

    照片墙效果一多实例 (可随机排序)特效代码

    【照片墙效果一多实例 (可随机排序)特效代码】是一种常见的网页设计技术,用于展示一组图片,以网格布局的形式排列,类似于现实生活中的照片墙。这种效果能够吸引用户注意力,增强网页的视觉吸引力,同时也方便用户...

    利用Node.js批量抓取高清妹子图片实例教程

    另外,为了防止文件名冲突,教程中还涉及了如何生成一个随机的文件名。使用了简单的数学运算来确保文件名的唯一性,这可以避免在保存图片时覆盖已存在的文件。 对于图片的下载,教程中定义了一个download函数,该...

    JS 动感 效果 推荐 系列4

    本系列主要针对那些希望为自己的网站或应用增添生动趣味性的开发者,通过一系列实例教程和代码示例,帮助他们掌握JavaScript在创建动态效果方面的技巧。 首先,我们来看“上方左右菜单”。这是一个常见的导航菜单...

    JavaScript中的机器学习工具.zip

    压缩包中的`ml_main.zip`可能包含了更多关于JavaScript机器学习的示例代码、教程或完整的项目,这些资源可以帮助开发者深入理解和实践JavaScript中的机器学习技术。例如,可能包含如何使用TensorFlow.js搭建图像识别...

    javascript 经典书籍 基础 核心概念

    本文将基于给定文件中的内容,深入探讨JavaScript的基础与核心概念,并通过实例演示如何使用JavaScript实现动态效果。 #### 二、JavaScript与Java的区别 尽管JavaScript和Java的名字相似,但它们是两种完全不同的...

    Ext2.0教程与实例 开发与实践笔记

    这个教程和实例集主要涵盖了Ext2.0的基础知识、开发技巧以及实践应用,旨在帮助开发者快速掌握这一技术。 首先,让我们关注"Ext2.0的入门小实例"。这个部分可能包括了创建基本的用户界面元素,如窗口(Windows)、...

    PHOTOSHOP特效字体与js特效

    在提供的压缩包文件中,"photoshop实例教程.chm"可能包含了一系列Photoshop特效字体的制作步骤和案例,指导用户如何利用软件工具创建各种创意字体效果。"网页制作.chm"可能涵盖了从规划到实现一个完整网页的流程,...

    javascript经典特效---用户认证的选择.rar

    这个压缩包"javascript经典特效---用户认证的选择.rar"可能包含了一个关于如何利用JavaScript实现用户认证的实例或者教程。下面,我们将深入探讨JavaScript在用户认证中的应用及其相关知识点。 1. **基本概念**:...

    ASP.MVC3.0中文实例图解教程

    ### ASP.NET MVC3.0中文实例图解教程 #### 一、ASP.NET MVC3 快速入门—第一节 概述 ##### 1.1 本教程的学习内容 本教程旨在帮助初学者快速入门ASP.NET MVC3,主要内容涵盖以下几个方面: - **创建ASP.NET MVC ...

    QML学习实例

    在提供的QML学习实例中,我们看到了三种不同的图像动画效果: 1. 水平平移 在这个例子中,两个图像(id为front和back)被包含在一个`Rectangle`内。`PropertyAnimation`用于改变`x`坐标,使`back`图像向右平移360...

    HTML+JS樱花飘落特效+鼠标点击特效(源码)

    3. **随机数生成**:为了使飘落的樱花看起来自然且随机,JavaScript会生成随机的位置、速度和方向,增加视觉效果的真实感。 4. **DOM操作**:通过创建、修改或删除DOM节点,JavaScript可以动态添加新的樱花元素到...

    jquery实现颜色打字机

    本教程将详细讲解如何利用jQuery实现一个“颜色打字机”效果,即文字逐个显示并带有随机颜色的动态效果。 首先,我们需要理解基本的jQuery操作。jQuery库通过选择器(如`$("#elementId")`)找到DOM元素,然后应用...

    jQuery图片随机排序推拽特效代码

    总的来说,"jQuery图片随机排序推拽特效代码"是结合了前端技术与互动设计的实例,它展示了jQuery在实现动态效果方面的强大能力。无论是新手还是经验丰富的开发者,都能从中学习到如何通过JavaScript和jQuery创建...

Global site tag (gtag.js) - Google Analytics