JQuery实现左右滚动菜单特效

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

</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>
</center>
</body>
</html>

当然,我们还需要引用JQuery框架文件,我这里用的是jquery-1.4.2.min.js,自己可以在网上搜索下载,我就不上传到这里了。整个JQuery左右滚动菜单特效就是这个样子了,自己觉得还行,希望能帮到一些有需要的朋友。