`
djjchobits
  • 浏览: 57893 次
  • 性别: Icon_minigender_1
  • 来自: 廊坊
社区版块
存档分类
最新评论

利用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="banner' + rand(7) + '.gif"

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

//--></SCRIPT>

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

分享到:
评论

相关推荐

    随机显示图片脚本

    在JavaScript编程领域,随机显示图片脚本是一种常见的需求,它被广泛应用于网页设计,比如轮播图、背景图片切换等场景。这篇脚本的核心在于如何利用JavaScript的随机数生成功能来实现图片的动态选择和展示。现在,...

    JS实现页面载入时随机显示图片效果

    本文将详细介绍如何使用JavaScript技术实现页面载入时随机显示图片的效果。 首先,要实现随机显示图片的功能,我们首先需要准备一些图片资源,并将它们放在服务器上的某个目录中,比如名为“img”的目录下。这些...

    html图片随机变换

    在这个主题中,我们将深入探讨如何利用HTML、CSS和JavaScript实现图片的随机变换效果。 首先,HTML是网页的基础结构语言,我们需要在HTML中定义图片的容器和图片的源。例如,可以创建一个`&lt;div&gt;`元素作为图片容器,...

    随机显示图片

    在IT领域,随机显示图片是一种常见的需求,尤其在网页设计和动态内容展示中。这个场景可能出现在背景轮播、广告展示、用户头像随机选取等应用中。下面将详细讲解如何实现这一功能。 首先,我们要了解的是HTML和...

    js随机显示图片脚本.rar

    在JavaScript(简称JS)编程中,随机显示图片是一项常见的需求,比如用于制作轮播图、动态背景或随机头像等功能。这个"js随机显示图片脚本.rar"压缩包可能包含了实现这一功能的代码示例。下面,我们将深入探讨如何...

    JavaScript 右下角随机显示的JS图片广告.rar

    本资源“JavaScript 右下角随机显示的JS图片广告.rar”显然包含了一个实现JavaScript图片广告在网页右下角随机展示的示例代码。这种技术常常用于吸引用户的注意力,提高网站的互动性和宣传效果。 在JavaScript中,...

    js实现的随机显示图片代码demo.rar

    这个"js实现的随机显示图片代码demo.rar"压缩包可能包含了一个简单的示例,用于演示如何利用JavaScript来达到这个目的。下面,我们将深入探讨这个知识点。 首先,我们了解JavaScript的基本语法。它是一种轻量级的...

    切割图片,多文件上传,FLASH随机显示图片

    接下来,"FLASH随机显示图片"涉及的是Flash技术,虽然现在已逐渐被HTML5取代,但在过去,Flash是创建动态内容的主流工具。在Flash中,可以编程控制图片的随机展示,这可能包括从服务器动态加载图片、设置动画效果...

    随机显示图片可以用来做banner展示让人每次访问都有不一样的效果

    在网页设计中,为了提升用户体验和保持页面的新鲜感,经常使用随机显示图片的技术来作为Banner展示。这种技术尤其适用于网站的首页或者重要的模块,它可以让用户每次访问时看到不同的图片,增加互动性和视觉吸引力。...

    计算器和随机显示图片的特效

    在IT领域,创建一个带有特殊效果的计算器和能随机显示图片的应用程序是一项有趣且实用的挑战。这样的程序可以结合基础的计算功能与视觉娱乐元素,为用户带来独特的体验。下面我们将详细探讨这个主题,包括计算器的...

    JS 随机图片效果

    通过以上步骤,我们可以实现一个简单的JavaScript随机图片效果。实际应用中,还可以根据需求进行扩展,如添加无限循环、随机延迟、图片缓存策略等。同时,结合其他前端框架和库(如React、Vue或Angular),可以更...

    jquery无刷新表格内容文字或者图片随机显示渐隐champagne.js.zip

    本文将深入探讨如何利用jQuery库实现一个无刷新的表格内容随机渐隐效果,特别关注的是一个名为"Champagne.js"的JavaScript插件。这个插件允许我们在表格中的文字或图片上实现这种效果,增加页面的互动性和视觉趣味性...

    jq实现 随机显示几张不重复的图片 兼容IE

    接下来,我们要编写JavaScript代码来实现随机显示图片的功能。这里的关键在于生成不重复的随机索引,并根据这些索引加载图片。以下是一个示例实现: ```javascript $(document).ready(function() { var ...

    随机显示BANNER代码

    首先,你需要在JavaScript中定义一个数组,存储所有BANNER的URL,然后利用Math.random()函数生成随机索引,最后将对应的BANNER设置为背景图片。 ```javascript var bannerImages = ['image1.jpg', 'image2.jpg', ...

    jQuery空格键开始随机图片抽奖代码

    【jQuery空格键开始随机图片抽奖代码】是一个利用JavaScript库jQuery实现的互动抽奖程序,它主要依赖用户按下键盘上的空格键(Space键)来触发随机选择图片的抽奖过程。这个程序的核心在于如何利用jQuery监听键盘...

    jquery随机头像显示

    通过随机显示不同的头像,吸引用户的注意力,提高广告的点击率和用户参与度。 在实际项目中,可能还需要考虑性能优化,如使用Ajax异步加载头像,避免一次性加载过多图片导致页面卡顿。此外,为了适应不同设备和屏幕...

    javascript图片切换特效

    JavaScript图片切换特效是一种常见的网页动态效果,用于展示一组图片并以吸引人的动画方式在它们之间进行切换。在网页设计中,这种特效可以增加用户体验,使网站更具吸引力。本篇文章将详细探讨六种JavaScript图片...

    网页逐渐放大显示图片_随机_自动

    在本项目中,"网页逐渐放大显示图片_随机_自动"是基于JavaScript实现的。JavaScript是一种强大的客户端脚本语言,常用于网页的交互逻辑和动态效果。在这个场景下,JavaScript代码负责控制图片的加载和放大过程。通过...

    图片的随机排列

    本插件“图片的随机排列”专注于实现这一功能,通过产生随机数来重新组织图片的位置,使得页面每次刷新时都有不同的显示,增加了用户交互的趣味性和多样性。 首先,我们来理解这个插件的核心概念——随机数生成。在...

    网页常用图片JAVASCRIPT展示方式

    本文将详细介绍如何利用JavaScript实现几种常见的图片展示效果:循环滚动、数字切换、轮播、翻页以及随机显示图片。 #### 循环滚动 循环滚动是一种非常直观的图片展示方式,它能让图片在页面上自动或手动地滚动...

Global site tag (gtag.js) - Google Analytics