js-图片转换

最新推荐文章于 2024-04-17 10:24:12 发布

xiaobai12123

最新推荐文章于 2024-04-17 10:24:12 发布

阅读量428

点赞数 1

分类专栏： Javascript 文章标签：图片

本文链接：https://blog.csdn.net/xiaobai12123/article/details/78750681

版权

Javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

点击图片，切换成另一张图片，再点，变回原图片
效果图
在网页上点击这张图片

会变换成另外一张

并且鼠标点击图片完成互相转换功能
代码如下

        var Ider = document.getElementById("tupian");

            if(flag){
                Ider.src="D:\\图片\\QQ截图20160616215058.png";
                flag=false;
            }
            else{
                Ider.src="D:\\图片\\QQ截图20170521133435.png";
                flag=true;
            }

        }
    </script>
</head>
<body>
        <img src="D:\\图片\\QQ截图20170521133435.png"  width="400px" id="tupian" onClick="update()">
</body>
</html>