1861资源网：您身边、安全、高速、放心的专业下载站！
手机站 软件专题
1861资源网
热门搜索： 请搜索 软件： 相关信息 照明商店 搜索 教程：相关 爆裂点 照明商店 请输入 相关： 软件
您当前位置：首页 > 软件教程 > 代码特效 >> js图片自动切换效果处理代码，简单图片自动切换代码特效

js图片自动切换效果处理代码，简单图片自动切换代码特效

    自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用
     
    <script language =javascript > 
    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]; 
    } 
    </script> 
    <img id=obj src ="1.jpg" border =0 /> 



    可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以） 
    虽然很简单，但是很实用
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>图片自动跳转</title> 
    <script language="javascript"> 
    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]; 
    } 
    </script> 
    </head> 
    <body > 
    <img id="imgs" src="image/1.jpg" /> </body> 
    </html> 
代码特效 发布: 2022-04-29   修改: 2024-04-24   阅:   评:   点击报错反馈
上一篇 : 最简单的文字向上滚动代码
下一篇 : 文本框提示文字点击就消失代码特效
相关文章
本类最新发布
本类推荐
本类评论
留言与评论（共有 0 条评论）
验证码：
本类软件分类
文章总排行
文章月排行
装机必备软件
全站下载总排行

1861资源网

http://www.zywlyy.cn/

   |

1861资源网 软件下载

虚假投诉

免费注册

关于本站

联系我们

软件下载

驱动下载

安卓软件

苹果软件

安卓游戏

苹果游戏

mac下载

系统工具

编程软件

本站留言

单机游戏

软件教程

1861资源网

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢网络科技公司技术支持