无缝滚动的结构:一共两个盒子,第一个大盒子下套第二个大盒子,第二个大盒子下有4张图片,第一个大盒子宽度固定为600px,第二个大盒子宽度是400%;
原理:第一个盒子相对浮动,第二个盒子绝对浮动,让第二个盒子的left值一直变化。当left值小于等于4张图片的宽度的时候,让left值瞬间归0,用户看不到,以为是无缝滚动。
例子:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 600px;
height: 200px;
backg