52个超酷的CSS标签导航条
1、jQuery Coda-Slider
Nice sleek tabs that slides through each tab.
[demo]
2、Perspective Tabs
Simple mootools plug-in that allows for a large number of tabs to fit into a small space.
[demo]
3、jQuery idTabs
It makes adding tabs into a website super simple. But it can also open the door to endless possiblities.
[demo]
4、Tab Accordian
Tab navigation with sleek animation using Moo FX.
[demo]
5、DHTML Goodies Tab Panes
Tab navigation with a close [x] button on each tab.
[demo]
6、AJAX Tabs (Rails redux)
Using Ajax to load information that does not need to be retrieved every time the user pulls the record.
[demo]
7、Ajax Project - Tabbed Page Interface
There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh? Here’s an example of a tabbed interface using Ajax to load the new pages.
[demo]
8、JQuery Nested Tab Set
Nested tab set done with the ExtJS UI Library.
[demo]
9、Ajax Tab Reloaded
Taken the idea of the sliding door tabs and mixed them up with a little javascript and ajax to make them very dynamic on the client side.
[demo]
10、14 Free Vertical CSS Menus
Free nicely designed tabs from explodingboy.
[demo]
11、Control.Tabs
Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.
[demo]
12、JavaScript tabs with jQuery
jQuery plugin that lets you create JavaScript tabs very easily. Examples of simple tabs, custom tabs, slide effects, fade effects and callbacks demos available.
[demo]
13、Yahoo TabView
Sample tabs based on Yahoo UI Library.
[demo]
14、DHTML Ajax Tabs Content Script
This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more.
[demo]
15、JavaScript Tabifier
Automatically create an HTML tab interface using plug-and-play JavaScript.
[demo]
16、Tabtastic
This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.
[demo]
17、KollerMedia Tabmenu
Tabs for images as icon, changes when mouseover.
[demo]
18、dhtmlxTabber
dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tabbed-navigation interface. This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.
[demo]
19、Centered Tabs with CSS
We’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?
[demo]
20、CSS Tab Designer
[Windows only] CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
[demo]
21、Light Weight Low Tech CSS Tabs
An example of light weight tabs by combining the Sliding Doors method with the Mountaintop corners idea.
22、Module Tabs - Carousel
Example of showing one page of content at at time in tabs. Each tab link scrolls to the page selected. Since all animation is turned off (animationSpeed = 0) then it just moves the desired content into view.
[demo]
23、Joshua Kaufman’s CSS Tab 2.0
Build CSS tabs without using any images or hacks and with as little CSS as possible.
[demo]
24、Tabbed Navigation using CSS
How to create low-bandwidth tab navigation on a web page using CSS.
[demo]
25、Duoh’s 2nd Level Tab Menu
[demo]
26、Nundroo CSS Navigation
[demo]
评论加载中…
