利用js点击事件连续切换照片

最新推荐文章于 2024-02-27 09:10:54 发布

IT小虎

最新推荐文章于 2024-02-27 09:10:54 发布

阅读量335

点赞数

分类专栏： JavaScript 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_47195969/article/details/128464864

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<img src="./images/swk06.jpg" onclick="imgChange()" alt="">
    <script>
        // 获取img对象
        var img = document.querySelector('img');
        // 设置变量 flag，设置初始值为 true
        var flag = true;
        function imgChange() {
            // if语句判断
            if (flag == true) {
                // 更改图片地址
                img.src = './images/swk07.jpg';
                // 设置flag值为false,让照片连续跳转
                flag = false;
            } else {
                img.src = './images/swk06.jpg';
                flag = true;
            }
        } 
    </script>