这篇博客介绍了一个使用JavaScript的setInterval函数和margin-left属性实现图片轮播的效果。内容包括每隔两秒自动切换图片，同时底部标签也会随之切换，并提供了详细的源代码示例。
一.要实现的效果
1.每隔两秒,图片切换到下一张;
2.下面tab也跟着切换到下一个;
3.通过改变margin-left来实现。
二.效果图
三.源码
链接: https://pan.baidu.com/s/192kHO997tiaTH_u7m0wFjA 提取码: 2b7a 复制这段内容后打开百度网盘手机App，操作更方便哦
四.源码:
--------------------------------------------------我是分界线-------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tan切换</title>
<link rel="stylesheet" href="./icon/right_left_direction/iconfont.css">
</head>
<style>
#box {
position: relative;
width: 820px;
height: 380px;
margin: 100px auto;
background-color: skyblue;
overflow: hidden;
}
#box #content {
position: absolute;
width: 4100px;
height: 100%;
top: 0px;
left: 0px;
}
</
最低0.47元/天 解锁文章
扫一扫
1651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
