JQuery实现左右滚动菜单特效

2020-05-29 07:12:25易采站长站整理

<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单一</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单二</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单三</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单四</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单五</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单六</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单七</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单八</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单九</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单十</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单一</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单二</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单三</div>
<div class="button_right"></div>
</div>
<div class="button">
<div class="button_left"></div>
<div class="button_center">菜单四</div>
<div class="button_right"></div>