javascript 图片轮播新手

cyerogy

于 2013-05-10 08:58:32 发布

阅读量642

点赞数 1

分类专栏： web前端文章标签： JavaScript 图片

本文链接：https://blog.youkuaiyun.com/cyerogy/article/details/8908985

版权

web前端专栏收录该内容

11 篇文章

订阅专栏

<html>
<head>
</head>

<body>

//插入img标签    src是图片的链接

<img name=imag1 src="...................." border=0; width=200 height=150 spot=1></img>

<script language="JavaScript" type="text/javaScript">

//自定义一个函数
function changeSrc(nIndex)

{

//将所要展示的图片的链接放到一个数组里

var myImages=new Array("1.jpg","2.jpg","3.jpg","4.jpg");

//将数组中的链接放到img标签中的src中哦你
document.images["imag1"].src=myImages[nIndex];
}
</script>
<script>

var nIndex=0;

//window.setInterval函数表示每隔1000时间执行一次function() 函数
objTimer = window.setInterval(function(){

        changeSrc(nIndex);

       //改变img标签中的链接
        if(nIndex>=3)
           {nIndex=0;}
           else{
        nIndex++;}
    },1000);
</script>
</body>
</html>