您的位置:知识库 » Web前端

使用jQuery实现标签(Tab)切换效果

作者: IIduce  来源: css9  发布时间: 2009-12-21 17:07  阅读: 13466 次  推荐: 2   原文链接   [收藏]  

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

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

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

下面这个是效果图:

示例源码下载:Jquery Tab Menu

2
0
 

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻