很多网站设计中都使用了选项卡（tabs），在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果。本文为你介绍30个实用的jQuery选项卡教程，希望对你有帮助。 

1.  

选项卡被现代网站普遍应用，但大多数形式呆板。本教程逐步为你讲授如何实现选项卡动画切换效果。 

 

2.  

本教程为你展示如何创建一个水平幻灯片效果的导航菜单。它是由控制元素组成的一组选项卡。点击其中一个，一组选项卡向左水平展开，再次点击，即可恢复原状。 

 

3.  

当页面中出现3、4个以上的选项卡会显得比较拥挤。可行的方式是用Next/Previous 按钮定位来控制切换，这时你甚至无需移动光标就可以点击浏览每个页面。 

 

4.  

通过本教程，你无需加载大量的jQuery UI库，便可实现大量功能。 

 

5.  

本教程使用jQuery插件实现反馈表单、联系表单和其他表单中通过点击选项卡滑动显示内容的效果。 

 

6.  

本教程讲述选项卡动态切换，让选项卡实现“熔岩灯”效果，内容实现动态切换效果。 

 

7.  

本教程讲述使用jQuery创建选项卡界面。 

 

8.  

本教程讲述通过jQuery和CSS轻松创建网站小部件。 

 

9.  

本教程通过CSS和jQuery为导航菜单创建简单的下拉菜单。 

 

10.  

在网站的文章、评论等内容上应用选项卡，这不仅能节省网页空间，还能提高网站可用性。 

 

11. 

本教程讲述应用jQuery选项卡提高访问和显示的效率。 

 

12.  

本教程讲述应用jQuery创建简单选项卡界面，通过选项卡界面最大限度节省空间。 

 

13.  

采用传统的JavaScript 显示/隐藏 方法创建选项卡，但会出现浏览器兼容问题。 

 

14.  

本教程教你创建一个选项卡界面，可以点击切换。 

 

15.  

本教程教你在侧边栏创建一个jQuery滑动选项卡菜单。 

 

16. 

开发一款可用于WordPress的日志列表选项卡。 

 

17.  

本教程讲述应用jQuery和CSS创建选项卡，既直观显示网页内容，又有效节约网页空间。 

 

18. 

本教程讲述应用jQuery插件，实现鼠标悬停切换选项卡。 

 

19.  

本教程通过应用jQuery选项卡，简化文件之间的导航，并探讨如何集成到ASP.NET中。 

 

20.  

本教程应用jQuery创建动态Blogroll。为博客阅读者提供简单的列表。 

 

21. 

本教程讲述应用CSS和jQuery创建简单的选项卡信息框。 

 

22. 

本教程讲述渐隐效果的选项卡的实现方法。 

 

23.  

本教程讲述创建一个简单的“Featured Items”部件。 

 

24.  

这款插件已经更新到2.0版本。它在完全兼容以前版本的同时显得更加灵活，另外，具有even-hooks和公共方法等一些新功能。 

 

25.  

本教程讲述应用jQuery创建幻灯片切换效果的表单。 

 

26.  

本教程讲述应用jQuery UI，只需一行代码就能创建选项卡界面。 

 

27.  

本教程讲述应用jQuery轻松创建选项卡。 

 

28.  

本教程讲述应用jQuery UI库创建幻灯效果的选项卡。 

 

29.  

本教程讲述应用jQuery插件创建滑动效果的选项卡。 

 

30.  

本教程讲述应用CSS和jQuery创建选项卡。 

 

Via