Dynamic html实现页面上两张图片来回切换

最新推荐文章于 2024-05-28 19:26:08 发布

入门有点晚

最新推荐文章于 2024-05-28 19:26:08 发布

阅读量1.5k

点赞数 2

文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_45190226/article/details/121364994

版权

本文介绍如何利用JavaScript实现在网页上两张图片的交替显示效果。通过修改图片的src属性，可以实现图片的动态切换，达到视觉上的交互体验。

摘要由CSDN通过智能技术生成

错误的代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>两张图片之间来回切换</title>
    <script type="text/javascript">
        var switchPicture = function () {
   
            //获取图片元素
            var oImage = document.getElementById("picture");
            //具体切换方法
            var flag = true;
            if(flag){
   
                oImage.src = "images/02.jpg";
                flag = false;
            }else{
   
                oImage.src = "images/01.jpg";