2022-06-13 jQuery案例:滑动选项卡

思路

设置一个单独的选中框,
通过在animate中设置其left值,造成其从当前选项往目标选项移动的动画效果,
设置其层级,确保其处于选项内容的下方
底部内容随顶部选项卡改变

代码

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
    * {
     padding: 0;margin: 0;}
    li {
      list-style-type: none; } 
    .header {
      position: relative; display: flex;background: pink;width: 500px;}
     p {
     position: absolute; left: 0;top: 0; width