小颖最近的项目要实现类似如下效果：
蓝色框圈起来的分别是向上翻、向下翻俩按钮。绿色框分别是用户点击菜单后，出现相应的tab标签，当tab标签太多内容显示不下时，左右两边的按钮就可以实现看后面的tab标签和看之前的tab标签。小颖一开始想使用bootstrap的轮播图 carousel插件，后来发现行不通，就开始问度娘，偶然间发现了别人发表的：jquery同时展示多张图片+定时向左单张滚动+前后箭头插件，小颖将其修修改改后实现了自己想要的功能：jquery实现同时展示多个tab标签+左右箭头实现来回滚动
jquery实现同时展示多张图片+定时向左单张滚动+前后箭头插件这个由于图片太大，小颖就不给大家看效果图了，感兴趣的可以把代码复制下来，自己运行后看下具体的效果图时怎样的。
目录：代码： index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link href="css/master.css" rel="stylesheet"/> <script src="js/jquery-1.8.2.js"></script> <script src="js/jquery.gallery.js"></script> <script> jQuery(function () { var options = { //所有属性都可选 duration: 500, //单张图片轮播持续时间 interval: 5000, //图片轮播结束到下一张图片轮播开始间隔时间 showImgNum: 5, //同时展示的图片数量，此参数最大值=Math.floor(画廊宽度/一张图片宽度) galleryClass: "gallery" //画廊class } $(".wrapper").gallery(options); }); </script> </head> <body> <div class="wrapper"> <div class="gallery"> <ul> <li><img src="images/1.jpg" width="190" height="190"/></li> <li><img src="images/2.jpg" width="190" height="190"/></li> <li><img src="images/3.jpg" width="190" height="190"/></li> <li><img src="images/4.jpg" width="190" height="190"/></li> <li><img src="images/5.jpg" width="190" height="190"/></li> <li><img src="images/6.jpg" width="190" height="190"/></li> <li><img src="images/7.jpg" width="190" height="190"/></li> <li><img src="images/8.jpg" width="190" height="190"/></li> </ul> </div> </div> <div class="wrapper"> <div class="gallery"> <ul> <li><img src="images/1.jpg" width="190" height="190"/></li> <li><img src="images/2.jpg" width="190" height="190"/></li> <li><img src="images/3.jpg" width="190" height="190"/></li> <li><img src="images/4.jpg" width="190" height="190"/></li> <li><img src="images/5.jpg" width="190" height="190"/></li> <li><img src="images/6.jpg" width="190" height="190"/></li> <li><img src="images/7.jpg" width="190" height="190"/></li> <li><img src="images/8.jpg" width="190" height="190"/></li> </ul> </div> </div> </body> </html>