首页 关于我们网站建设软件开发优化推广案例欣赏云站模板营销推广微信开发联系

最简单的js图片切换效果实现代码

时间2022-04-27
作者gyb_210
浏览647

<script language =javascript >

var curIndex=0;

//时间间隔 单位毫秒

var timeInterval=2000;

var arr=new Array();

arr[0]="images/1.jpg";

 arr[1]="images/2.jpg";

arr[2]="images/3.jpg";

arr[3]="images/4.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];

}

</script>

<center>

<img id=obj src ="images/1.jpg" height="450" width="1920" border =0 title="默认图片"/>

</center>


  • 上一篇: 字体font-size大小设置    
  • 下一篇:没有了
  • 网站案例
    每个作品,都是一次思维与灵魂的碰撞
    软件案例
    每个作品,都是一次思维与灵魂的碰撞
    
    网站首页
    关于方南
    在线留言
    电话咨询