js练习题之图片背景轮播

最新推荐文章于 2024-06-17 15:29:34 发布

airangrong6572

最新推荐文章于 2024-06-17 15:29:34 发布

阅读量552

点赞数

原文链接：http://www.cnblogs.com/chaojiyingxiong/p/9313839.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>picture</title>
</head>
<body><div >
    <img src="唐笑.jpg">
    <!--<img src="杜德伟.jpg">;-->
    <!--<img src="林俊杰.jpg">;-->
    <!--<img src="萧亚轩.jpg">;-->
    <div >
        <td><input type="button" value="1" οnclick="change('唐笑')"></td>
        <td><input type="button" value="2"οnclick="change('杜德伟')"></td>
        <td><input type="button" value="3" οnclick="change('林俊杰')"></td>
        <td><input type="button" value="4" οnclick="change('萧亚轩')"></td>
    </div>

</div>
<script>
//    <!--把图片和按钮先拿出来-->
    var picture = document.getElementsByTagName("img");
    var Button = document.getElementsByTagName("input");
//    定义图片更换的方法
    function change(i) {
        picture[0].src = i+".jpg"

    }
//    现在需要循环执行change()函数，就是依次将四个参数传给change函数，首先将四个名字放入一个数组里
//遍历这个数组，得到参数，一次调用change（）函数就ok了。
    var arrayObj = new Array("唐笑","杜德伟","林俊杰","萧亚轩");
    function zhixing() {
        for(i = 0;i<arrayObj.length;i++){
//        alert(arrayObj[i]);
          var pp = change(arrayObj[i]);
          setTimeout(pp,1000)
    }

    }

     setInterval(zhixing,1000)


</script>
</body></html>

转载于:https://www.cnblogs.com/chaojiyingxiong/p/9313839.html

airangrong6572

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js练习题之图片背景轮播

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>picture</title></head><body><div > <img src="唐笑.jpg"> &...
复制链接

扫一扫