资讯频道 → Web前端
阅读更多

8顶
3踩

Web前端

翻译新闻 10个基于jQuery的实用标签插件和教程

2012-07-16 17:03 by 副主编 wangguo 评论(0) 有12654人浏览
jquery tab 标签 css html
页面中的内容如果太多，既影响页面的美观，又影响浏览者的阅读体验。此时，你可以使用标签来组织内容。同时，也可以作为网站的导航，这样在切换标签时，无需重新加载页面。

本文整理了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
  • 大小: 81.4 KB
  • 大小: 67.5 KB
  • 大小: 54.7 KB
  • 大小: 73.4 KB
  • 大小: 63 KB
  • 大小: 92.2 KB
  • 大小: 51.7 KB
  • 大小: 51.9 KB
  • 大小: 66.9 KB
  • 大小: 69.4 KB
8
顶
3
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics