在网页中让图片循环显示用javascript怎么做？_IT百科

或者用数组。

声明个全局的变量 var i=0；

然后下面的写在函数里

var img=new Array()；

img[0]="<img src='路径'>"；

img[1]="<img src='路径'>"；

有多少图片，就给多少个img[]

if(i>你那个数组的长度){

i=0；

}

然后就是找到body里面的img标签。得要个ID="img1"哈。然后

document.getElementById("img1").src=img[i]；

然后在函数外面写一个setInterval("函数名()"，1000)。

基本特点

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

这样的功能一般都是利用JavaScript完成的.给你思路和代码.前提是你必须能够会看懂javascrip代码,不能的话,复制进去,确保图片在指定路径也是可以的,图片需要放在image文件夹下,图片名字为1 2 3~希望能帮到你~~

一、实现思路

1、在网页适当位置插入三张带ID名称的图片，例如：

每张图片ID号最后加上数字，方便函数调用

2、在页面载入时，调用三张图片轮换显示的函数:onLoad="show()"

3、函数实现的思路：首页定义两个全局变量，NowFrame和MaxFrame；分别表示页面载入时显示的第一张图片及轮换显示的图片张数；其次通过for循环显示每一张图片，并且使其他不显示的图片处于隐藏状态；最后用setTimeout( )函数的定时器功能，间隔一段一间显示下一张图片；最终实现三张图片不间断的轮换显示效果

二、主要的源代码

<HTML>

<HEAD>

<TITLE>轮换横幅广告</TITLE>

div{font-size:12pxline-height:22px}

.red {color: #FF0000}

</STYLE>

var NowFrame = 1//图片最先显示第一张

var MaxFrame = 3//图片一共3张

function show() {

for(var i=1i<(MaxFrame+1)i++){

if(i==NowFrame)

document.getElementById('div'+NowFrame).style.display =''//当前图片显示

else

document.getElementById('div'+i).style.display ='none'//其他的图片隐藏

}

{ if(NowFrame == MaxFrame) //定义下一张显示的图片

NowFrame = 1

else

NowFrame++}

theTimer=setTimeout('show()', 3000)//设置定时器，显示下一张显示的图片

}

</SCRIPT>

</HEAD>

</DIV>

</BODY>

</HTML>

按照题目的要求,你的Java程序的for循环应该这么写

完整的Java程序如下

import java.util.Scanner

public class Test {

public static void main(String[] args) {

Scanner in=new Scanner(System.in)

System.out.println("请输入一个整数")

int n=in.nextInt()

if(n>0){

int sum=0

for(int i=1i<=ni++){

sum=sum+i

}

System.out.println("1+2+3+......+(n-1)+n的结果为"+sum)

}else{

System.out.println("输入的数据有误")

}

运行结果

请输入一个整数

100

1+2+3+......+(n-1)+n的结果为5050

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/8012695.html

在网页中让图片循环显示用javascript怎么做？

发表评论

评论列表（0条）