js实现图片轮换
2014-12-29 16:28
183 查看
<script language =javascript >
2
var curIndex=0;
3
//时间间隔 单位毫秒
4
var timeInterval=1000;
5
var arr=new Array();
6
arr[0]="1.jpg";
7
arr[1]="2.jpg";
8
arr[2]="3.jpg";
9
arr[3]="4.jpg";
10
arr[4]="5.jpg";
11
arr[5]="6.jpg";
12
arr[6]="7.jpg";
13
setInterval(changeImg,timeInterval);
14
function changeImg()
15
{
16
var obj=document.getElementByIdx_x("obj");
17
if (curIndex==arr.length-1)
18
{
19
curIndex=0;
20
}
21
else
22
{
23
curIndex+=1;
24
}
25
obj.src=arr[curIndex];
26
}
27
</</span>script>
28
29
<</span>img id=obj src ="1.jpg" border =0 />
2
var curIndex=0;
3
//时间间隔 单位毫秒
4
var timeInterval=1000;
5
var arr=new Array();
6
arr[0]="1.jpg";
7
arr[1]="2.jpg";
8
arr[2]="3.jpg";
9
arr[3]="4.jpg";
10
arr[4]="5.jpg";
11
arr[5]="6.jpg";
12
arr[6]="7.jpg";
13
setInterval(changeImg,timeInterval);
14
function changeImg()
15
{
16
var obj=document.getElementByIdx_x("obj");
17
if (curIndex==arr.length-1)
18
{
19
curIndex=0;
20
}
21
else
22
{
23
curIndex+=1;
24
}
25
obj.src=arr[curIndex];
26
}
27
</</span>script>
28
29
<</span>img id=obj src ="1.jpg" border =0 />
相关文章推荐
- JS实现的简单的图片轮换
- JS实现图片轮换
- 使用纯生js实现图片轮换
- html中利用js实现简单图片轮换效果
- JS图片自动轮换效果实现思路附截图
- JS实现图片轮换效果
- js实现图片轮换效果代码
- 用js实现的一个Flash滚动轮换显示图片代码生成器
- jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
- JS实现简单的图片轮换效果
- JS实现的简单的图片轮换
- js实现图片轮换效果
- 使用X-Slide.js实现图片轮换
- JS图片自动轮换效果实现思路附截图
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- 图片轮换效果 – JS实现
- JS当中Dom实现几张图片的轮换
- JS当中dom实现两张图片的点击轮换
- JS图片自己主动轮换效果实现
- JS图片自动轮换效果实现