jQuery TOOLS - The missing UI library for the Web

Home Download Demos Documentation Forums

ui TOOLS

1. Tabs

Minimal setup for Tabs Naming the tabs 4 different skins with CSS Using mouseover to switch tabs Making Wizards with the Tabs Making Accordions with the Tabs Customizing the Accordion effect Horizontal Accordion using the Tabs Multiple Tabs and Accordion instances Handling browsers back button Loading tab contents with AJAX AJAX:ed tabs with History support Slideshow plugin for the Tabs

2. Tooltips

Basics of using the tooltip Using any HTML inside the tooltip Imitating browsers default tooltip Using tooltips in form fields Using tooltips in tables or lists Custom tooltip effect Dynamic positioning of the tooltip

3. Overlay

Minimal setup for overlay The Apple effect for overlay Creating modal dialogs with overlay Opening overlays programmatically Overlays with different styles Loading external pages into overlay Multiple overlays on a same page Creating a customized Overlay effect

4. Scrollable

Minimal setup for scrollable A vertical scrollable A simple scrollable image gallery Another gallery with many scrollables A scrollable registration wizard Scrollable plugins in action Navigation with browser's back button jQuery Tools home page setup A complete scrollable navigational system Add and remove items from scrollable Customizing the scrolling animation

form TOOLS

1. Validator

Minimal setup for Validator Custom input types and attributes Combined server and client-side validation Displaying all errors inside a single DIV Validator events in action Localizing the Validator (finnish)

2. Rangeinput

Minimal setup for rangeinput A couple of vertical ranges Multiple small ranges A custom scrollbar for a DIV

3. Dateinput

Minimal setup for Dateinput A large skin for Dateinput Customizing Dateinput behaviour Prompting for start and end dates Calendar that is always visible Localizing the Dateinput (french)

toolbox

1. Expose

Minimal setup for expose Styling the mask with a background image Exposing a form Exposing videos with a custom mask

2. Flashembed

Basics of Flash embedding Flashembed and jQuery Loading Flash on mouse click Placing HTML on top of a Flash object Handling old Flash versions Flashembed and Flowplayer

Combinations

HTML5 form inside an overlay An artist's portfolio Speeding up the portfolio

report a bug »

Introducing jQuery Tools 1.2

What's new in v1.2.3 »

•