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

javascript|教程|随机|显示


利用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">');

">file://--></SCRIPT>

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

时间: 2025-01-01 14:00:47

Javascript实例教程(10) 随机显示图片的相关文章

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

javascript|按钮|创建|教程 利用Javascript创建一个"后退"连接 在JavaScript中实现一个"后退"连接是相当容易的.这个"后退"连接的功能的作用就象网页中"后退"按钮一样,具体你可以使用以下代码: <FORM> <input type=button value="Go Back" > </FORM > 你仔细点就会发现,这段代码实际上是使用了h

用javascript+php随机显示图片

想必你会用javascript随机显示图片.但如果图片的资料(比如链接)是经常变化,或是由用户修改.增加的,怎么办?我这里有个办法.把图片的资料(如名称.地址.链接等)放在一个TXT文件里(如有MYSQL更好,没有也罢).HTML文件中由javascript调用PHP程序, PHP程序随机读取图片资料. readrand.php(此程序实际上是生成一句javascript语言)<?$arrayall=file("tp.txt");读出tp.txt内容到数组$arrays=coun

php随机显示图片的简单示例_php实例

本节主要内容:介绍一个随机显示图片的php函数,多用于博客的展示窗.照片的随机展示等. 例子: 复制代码 代码如下: <?php/*** 功能:随机显示图片* Filename  : img.php* Usage:*             <img src=img.php>*             <img src=img.php?folder=images2/>**/  if($_GET['folder']){     $folder=$_GET['folder']; 

Javascript实例教程(1) 目录

javascript|教程 javascript是一种基于对象和事件驱动并具有安全性能的脚本语言.使用它的目的是与HTML超文本标记语言.Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用,从而可以开发客户端的应用程序等.它是通过嵌入或调入在标准的HTML语言中实现的.它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择.本javascript实例教程旨在通过介绍一些实例来加深对Javascrip的理解.本系列教程包括:1. 利用jav

php实现随机显示图片方法汇总

  本文分享一个php实现的随机显示图片的函数,可以将指定文件夹中存放的图片随机地显示出来.有兴趣的朋友研究下吧. php通过rand()函数产生随机数,这个函数可以产生一个指定范围的数字 这段代码通过产生的随机数,随机选择图片 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <body> <?php srand( microtime() * 1000000 ); $num = rand( 1, 4

JavaScript实现定时隐藏与显示图片的方法_javascript技巧

本文实例讲述了JavaScript实现定时隐藏与显示图片的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现定时隐藏与显示图片,设定图片在几秒后会自动显示,也会自动隐藏,秒数这个自己去定义吧,在JavaScript代码片段内. 运行效果如下图所示: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo

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

本文实例讲述了JS实现页面载入时随机显示图片效果.分享给大家供大家参考,具体如下: <html> <head> <title>JS 随机图片效果</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- img { b

用&amp;#106avascript+PHP随机显示图片

随机|显示 想必你会用javascript随机显示图片.但如果图片的资料(比如链接)是经常变化,或是由用户修改.增加的,怎么办?我这里有个办法. 把图片的资料(如名称.地址.链接等)放在一个TXT文件里(如有MYSQL更好,没有也罢).HTML文件中由javascript调用PHP程序,PHP程序随机读取图片资料.程序见下: 假设有TP.TXT内容如下:(各字段分别代表'图片名称'.'链接位置'.'图片位置',字段间为TAB) OSO www.oso.com.cn www.oso.com.cn/

Javascript实例教程:DOM方法创建和修改表格

文章简介:Javascript实例教程:DOM方法创建和修改表格. <table>元素是HTML中最复杂的结构之一.要想创建表格,一般都必须涉及表示表格行.单元格.表头等方面的标签.由于涉及的标签多,因而使用核心DOM方法创建和修改表格往往都免不了要编写大量的代码.假设我们要使用DOM来创建下面的HTML表格: <table border="1" width="100%"> <tbody> <tr> <td>