html自动切换图片特效代码 js图片自动切换效果处理代码

复制代码 代码如下:

var curIndex=0;

//时间间隔 单位毫秒

var timeInterval=1000;

var arr=new Array();

arr[0]="1.jpg";

arr[1]="2.jpg";

arr[2]="3.jpg";

arr[3]="4.jpg";

arr[4]="5.jpg";

arr[5]="6.jpg";

arr[6]="7.jpg";

setInterval(changeImg,timeInterval);

function changeImg()

{

var obj=document.getElementById("obj");

if (curIndex==arr.length-1)

{

curIndex=0;

}

else

{

curIndex+=1;

}

obj.src=arr[curIndex];

}

可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径(绝对、相对路径都可以)

虽然很简单，但是很实用。

复制代码 代码如下:

图片自动跳转

setInterval(test,1000);

var array=new Array();

var index=0;

var array= new Array("image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg","image/5.jpg","image/6.jpg","image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg");

function test()

{ var myimg=document.getElementById("imgs");

if(index==array.length-1)

{ index=0; }else{ index++; }

myimg.src=array[index];

}

您可能感兴趣的文章:最简单的js图片切换效果实现代码

用html+css+js实现的一个简单的图片切换特效

一段非常简单的让图片自动切换js代码

js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码

纯js实现背景图片切换效果代码

js实现支持手机滑动切换的轮播图片效果实例

简单的实现点击箭头图片切换的js代码

css图片切换效果代码[不用js]

JS鼠标滑过图片时切换图片实现思路

JavaScript实现切换多张图片