动画案例：滑动块

动画案例：滑动块

案例效果：
鼠标经过就将盒子滑动到右侧，同时外盒子内容箭头指向变化
鼠标离开就将盒子滑动到左侧，同时外盒子内容箭头指向变化回来

思路：动画封装函数，回调函数

代码：

 <style>
      .sliderbar {
   
        position: relative;
        float: right;
        margin-top: 100px;
        height: 40px;
        width: 60px;
        background: rgb(116, 157, 173);
      }
      span {
   
        position: absolute;
        top: 0;
        width: 80px;