10个基于jQuery的实用标签插件和教程

页面中的内容如果太多，既影响页面的美观，又影响浏览者的阅读体验。此时，你可以使用标签来组织内容。同时，也可以作为网站的导航，这样在切换标签时，无需重新加载页面。

本文整理了10款基于jQuery的标签插件，希望能够对你有所帮助。

1. 仿Google Play标签

在此教程中你将学会使用CSS3和jQuery来创建Google Play风格的标签。

源码 / 演示

2. jQuery EasyTabs Plugin

这款插件可以实现所有的标签功能，并且有许多风格。

源码 + 演示

3. 使用jQuery创建标签

不用再写冗长的页面，使用HTML标签来改善你的用户体验吧。

源码 / 演示

4. 基于CSS3和jQuery的标签

本教程教你如何只使用CSS3和jQuery来创建标签。

源码 / 演示

5. jQuery UI Bootstrap

通过这个插件，你不仅可以使用基于Bootstrap主题的部件，还可以使用Twitter Bootstrap的大部分特性，而无需使用大量破坏页面视觉效果的组件。

源码 + 演示

6. jQuery 动画反馈标签

该标签基于jQuery和少量CSS，默认隐藏于页面左侧，点击标签后会弹出一个反馈表单。

源码 / 演示

7. 用jQuery创建动态标签

此教程运用jQuery创建一个动态标签，你可以增加或删除标签。

源码 + 演示

8. 标签风格的注册登陆页面

此教程将告诉你如何使用CSS、HTML和jQuery创建标签风格的登录和注册页面，可以帮助你节省页面空间。

源码 / 演示

9. 使用jQuery创建自动轮换标签

此教程将教你创建一个自动转换标签，你可以用此插件给你的客户展示一些产品和服务。

源码 / 演示

10. 滑动式标签效果

使用鼠标在标签的标题上悬停，你会看到滑动式的切换效果。

源码 / 演示

英文原文：10 Most Beneficial jQuery Tab Plugins