JavaScript点击切换图片事件

原创已于 2022-06-20 16:29:27 修改 · 624 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #css3

于 2022-01-05 19:49:36 首次发布

html 同时被 2 个专栏收录

52 篇文章

订阅专栏

JavaScript

14 篇文章

订阅专栏

这篇博客演示了如何使用JavaScript实现一个简单的图片点击切换功能。通过获取图片元素并修改其`src`属性，实现了点击后图片资源的替换，从而达到切换图片的效果。

JavaScript点击切换图片事件

    <!-- 1.切换图片 -->
    <img id="and" src="https://ts1.cn.mm.bing.net/th?id=OIP-C.rHuc8SKa0wLVwCqqA27uIwHaEt&w=193&h=110&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2">
    <script>
        var and=document.getElementById("and")
        alert("hhhh")
        and.src="https://ts1.cn.mm.bing.net/th?id=OIP-C.nqjJErmgsCPKQA0W59F7HgHaEK&w=167&h=100&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2"
    </script>