Java学习日志18.8.3

最新推荐文章于 2022-06-15 21:47:32 发布

qq_41329519

最新推荐文章于 2022-06-15 21:47:32 发布

阅读量201

点赞数

分类专栏： Java学习日志

本文链接：https://blog.csdn.net/qq_41329519/article/details/81393473

版权

Java学习日志专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Java学习日志18.8.3
- 学习内容及代码

Java学习日志18.8.3

学习内容及代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <img id="cimg" src="" alt="dhbzrhbugbrs" width="500px" height="500px">
    <select id="sel" onchange="changeImg(this);"></select>
    <script type="text/javascript">
        var i = 0;
        var Arraylist = ["http://pic.58pic.com/58pic/16/06/72/87a58PICWRj_1024.jpg","http://img.zcool.cn/community/01b88659bb7903a801212fb7949ee0.jpg@2o.jpg","http://img.zcool.cn/community/01fe1f597e84bca801215603a8cb6c.gif@2o.jpg","http://cdn.duitang.com/uploads/item/201603/06/20160306140033_NiUah.jpeg","http://pic.58pic.com/58pic/14/62/50/62558PICxm8_1024.jpg"];
        var changeImg = function(sel){
            document.getElementById('cimg').src = Arraylist[sel.value];
            i = sel.value;
        }
        var selOption = "";
        for (var k = 0; k < Arraylist.length; k++) {
            selOption += "<option value = '"+k+"'>第"+(k+1)+"张</option>";
        }
        document.getElementById('sel').innerHTML = selOption;

        document.getElementById('cimg').src = Arraylist[0];
        var ci = function(){

                document.getElementById('cimg').src = Arraylist[i];
                i++;
                if (i == Arraylist.length) {
                    i = 0;
                }
            }


        setInterval(ci, 1000);
    </script>

</body>
</html>