原生JS实现图片循环切换

最新推荐文章于 2021-03-03 15:35:25 发布

jingjinglove-

最新推荐文章于 2021-03-03 15:35:25 发布

阅读量1.3k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/m0_46613478/article/details/107918547

版权

本文介绍如何利用JavaScript实现图片的循环切换效果，通过数组管理和元素属性操作，实现图片src的动态变更以及display属性控制图片显示。

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

一、通过数组将图片的src属性进行修改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <style>
        #div{
   
            width: 1100px;
            height: 400px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div id="div">
    <img id="obj" src="img/chuanqi.jpg">
</div>
<