使用JQuery实现标签（Tab）切换效果

• 2010-09-27
• 2802 View

我们经常可以看到网页设计中使用Tab标签切换的方式来展示网页内容。以我的理解，这样做有两点好处：节约了网页空间而展示了更多的内容；将不同分类的内容放在不同标签下，结构清晰。 下面就给大家介绍一款通过Jquery实现Tab标签效果的示例（该示例来自于国外著名的Web设计站http://www.queness.com/）。

首先，让我们对这个示例有一个感性认识，去看看 在线示例

由于使用了JQuery中提供的动画效果，使得该示例的Tab切换过程变得平滑流畅，这是该示例值得称道之处。

下面这个是效果图：

示例源码下载：Jquery Tab Menu [下载次数：2054]

使用时参照源码，应该比较简单，不再赘述。