欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

js-图片转换

程序员文章站 2022-05-14 17:57:49
...

点击图片，切换成另一张图片，再点，变回原图片
效果图
在网页上点击这张图片
js-图片转换
会变换成另外一张
js-图片转换
并且鼠标点击图片完成互相转换功能
代码如下

        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>

注：图片路径自己设置

相关标签： 图片

上一篇： 中国设计人员的悲哀 设计模式OO面向对象编程IoC

下一篇： js-图片加边框

推荐阅读