JS实现图片切换

最新推荐文章于 2022-10-16 20:36:28 发布

D-Yolo

最新推荐文章于 2022-10-16 20:36:28 发布

阅读量238

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_43214660/article/details/88748298

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

轮播图是js中一个简单的动作
首先先需要实现点击按钮图片切换，然后添加定时器实现轮播图的转换。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>轮播图</title>
    <script>
        function change(){
            alert("图片切换")
            var img = document.getElementById("img1");
            img.src = "D:\Js_Study\JsStudy\image\2.jpg";
        }
    </script>
    
</head>
<body>
    <input type="button" value="图片切换" onclick="change()"></br>
    <img src="D:\image\1.jpg" alt="" id="img1">
    
    
</body>
</html>

图片切换主要方式就是使用js的方法改变src的路径实现团片的切换。

D-Yolo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实现图片切换

轮播图是js中一个简单的动作首先先需要实现点击按钮图片切换，然后添加定时器实现轮播图的转换。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
复制链接

扫一扫

专栏目录