码迷,mamicode.com
首页 > Web开发 > 详细

js 实现图片自动切换

时间:2014-10-04 02:09:35      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   使用   ar   sp   div   c   

var pic = new Array();
var curindex=0;
pic[0]="image/p1.jpg";
pic[1]="image/p2.jpg";
pic[2]="image/p3.jpg";
setInterval(go, 3000);
function go(){

    document.getElementById("img").src=pic[curindex];
    if(curindex==pic.length-1){
        curindex=0;
    }else{
        
        curindex++;
    }
    
    
}

使用setInterval()方法自动刷新 实现图片不停切换。

把图片的地址加载到数组里面,然后设置src属性。

js 实现图片自动切换

标签:style   blog   color   io   使用   ar   sp   div   c   

原文地址:http://www.cnblogs.com/oaks/p/4005493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!