Dynarch RollBar / Tabs DHTML / JavaScript Tabs with Special Effects

Product Info

Tabs with Special Effects! Featuring:

Optional slick animation and fading effects.
HTML-based setup (degrades to any browser, doesn't give up semantics)
Keyboard shortcuts.
Easy to setup (one line of JavaScript code needed)
Several professional themes. Customizable by CSS.
Exports a simple yet powerful JavaScript API.
Can remember state in a cookie (plugin included) or in the URL (bookmark a page to a certain tab!).

Browsers

At least the following browsers were tested and reported to work:

It should degrade well to any browser, since the pane content is defined in plain HTML.

Samples

The following samples (and more) are included with the package:

Also check the product documentation pages which contain the widget with a little bit more spicy presentation ;-)

Welcome to the DynarchRB product page. You can see the widget “in action” above. Also check the documentation and demos page.

The JavaScript code is very small (around 12K).
Slick animation and fading effects (but can be disabled if desired).
Optional tabs. Tabs can be displayed at the top or at the bottom. The one in this page is displaying tabs at the bottom.
Plugin to save the current tab in a cookie.
Provides a way to change the window location when tabs are changed—thus making it possible for one to bookmark a page to a specific tab.
Supports keybindings for tabs.
Write semantic HTML. The panes are defined in <div> elements, tab labels are <label> elements, keybindings are defined through the accesskey HTML attribute.
Includes several professional skins.
Tabs can be aligned and/or spaced through CSS very easily. In this page they are centered.
DynarchRB widgets can be nested (tabs inside tabs).
Panes contain arbitrary HTML and can embed other widgets, such as a menu or a calendar, etc.
The pane content can be vertically aligned through CSS (top / middle / bottom).
Provides a clean JavaScript API to access object functionality.