JavaScript实现:点击图片使两张图片交替出现

第一次写JavaScript,纪念一下。加油!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击图片使两张图片交替出现</title>
</head>
<body>
<img src="cute.jpg" id="图片">

<script>
    <!--获取图片对象-->
    var picture = document.getElementById("图片")
    var flag = true;
    <!--绑定点击事件-->
    picture.onclick = function () {
        if (flag) {
            picture.src="可爱.jpg";
            flag=false;
        }
        else{
            picture.src="cute.jpg";
            flag = true;
        }

    }
</script>

</body>
</html>
发布了33 篇原创文章 · 获赞 2 · 访问量 1025

猜你喜欢

转载自blog.csdn.net/qq_41628448/article/details/104546233