有时候使用tab是非常明智的,当你的屏幕宽度不能完全显示网页内容的时候,tab能够节省很多空间,使用户能在一个相对比较小的空间内触发页面元素。为了使你的tab功能更进一步,你可以将jQuery整合进来,来实现良好的过度和动画效果。如果你还没有用jQuery构建过任何tab导航,这里为你提供了11个新手指南和插件来帮助你从头开始。
Create A Tabbed Interface Using jQuery
一个用于创建动画效果的tab区域的指南和插件
用jQUery1.4和CSS3实现的非常可爱的Ajax Tab
在这个指南中,你会学到如何利用CSS3和jQuery创建一个Ajax驱动的tab页面
Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery
这份指南教你如何使用一些有趣的jQuery动画建立一个tab效果的博客列表
使用CSS和jQuery创建一个巧妙的tab效果的内容区域
这份指南教你如何使用HTML建立一个简单的tab消息盒,然后使用一些简单的javascript来完善它的功能,最后我们将使用jQuery库来归档相同的东西。
特征列表
这个jQuery插件能够非常容易地创建一个交互式的特征项目窗口
基于jquery的酷炫滑动表单
这份指南教你如何创建一个华丽的滑动表单,在每一步过后向用户显示一些验证信息,这个表单节省了许多空间,并且很容易访问,它基本上就是一个Slider,只是我们用一个个表单字段取代了图片而已。
Create A Tabbed Interface Using jQuery
这份指南教你如何使用jQuery UI库里面的Tabs功能来创建一个tab界面。
Tabify
这个jQuery插件让你更加容易地创建tab内容,你所需要的只是一个带有li元素的ul元素和一对相应的内容div标签,Tabify和它的竞争者的主要差别在于他们的大小。
Accessible-Tabs
jquery插件来的
idTabs
idTabs一款jQuery的插件,它使得增加tab到网页中变得超级简单,同时它也打开了一道通向无限可能的大门。
基于jQuery的可移动的tab和可滑动的内容指南
学习如何使用简单的jQuery代码建立熔岩灯效果的tab和滑动的内容,这个脚本对展示最近的文章、评论和社区新闻非常适合。
本Blog文章除特别声明之外皆为原创文章,欢迎转载,转载请注明: 转载自JSSAY'S BLOG
本文链接地址: http://www.jssay.com/blog/index.php/2010/09/29/11-tab-navigation-solutions-useful/










