前言
今天学了一个使用scrollLeft改变溢出的值的方法做的轮播图,没有做全只做了轮播的效果,自己觉得这个轮播图并不好用(也是我菜),内容不多就不一步步讲解了,不懂得可以看看注释
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="../2.CSS/reset.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box {
position: relative;
width: 520px;
height: 280px;
margin: 50px auto;
}
.inner {
width: 520px;
height: 280px;
overflow: hidden;
}
.son {
width: 3120px;
height: 280px;
}
.son img {
float: left;
}
.yuanq {
positi