这是用原生js实现的一个手风琴效果,但是当鼠标快速滑动的时候,会出现轻微的抖动效果!
<!DOCTYPE html>
<html>
<head>
<title>js实现手风琴效果</title>
<meta charset="utf-8">
<style>
body{
margin: 0;
padding: 0;
}
#box{
width: 90%;
height: 200px;
padding: 5% 5%;
overflow:hidden;
}
#box ul{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
overflow:hidden;
}
#box ul li{
width: 202px;