This is a message.

Download Version 1.2.6

Quick start

Insert the following line on your HTML page and you are done!

<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

HTML

This is the official jQuery Tools UI library and after the inclusion you will have the following tools available:

  1. jQuery

The tools will be loaded with maximum performance no matter where your user is located on the globe. Without the jQuery library, the file size is only 4.45 Kb when gzipping is enabled on the server-side. If you already have jQuery included on your page, you can simply remove it and use only the above script src statement.

Please note that this global content delivery network is completely free. You can use it freely in any website including production environments. This network has been kindly offered for all jQuery Tools users by Max CDN. Respect to them!

Build a custom set of Tools.

Or download the source code

Here you can download individual tools or create a custom combination of tools by selecting only those you want. Both the source code and the minified versions are available.

Version

Include jQuery

jQuery 1.6.4

All tools depend on this library (except flashembed). Can alternatively be included from googleapis (see below)

UI Tools

6761.0

Tabs

The most important UI tool

documentation

3678.0

Slideshow plugin

Transforms tabs into a working slideshow

documentation

7832.0

Tooltip

The basics of UI design

documentation

1687.0

Slide effect

A sliding tooltip effect with customized sliding directions, dimensions and speeds

documentation

3914.0

Dynamic plugin

Dynamic positioning of the tooltip so that it always stays in the viewport

documentation

8400.0

Scrollable

A generic HTML scrolling widget

documentation

1921.0

Autoscroll plugin

Makes the scrolling behavior automatic. highly configurable

documentation

2799.0

Navigator plugin

Provides navigation buttons for switching between pages in scrollable

documentation

6455.0

Overlay

A generic HTML overlaying widget

documentation

3281.0

Apple effect

An overlay effect that you might have seen on apple.com

documentation

Form Tools

17850.0

Dateinput

HTML5 date input for humans

documentation

10653.0

Rangeinput

HTML5 range input for humans

documentation

14803.0

Validator

HTML5 input validation for humans

documentation

Toolbox

6773.0

Flashembed

The future of Flash embedding. Works as a standalone tool and jQuery is not required.

documentation

2193.0

History

Back button for AJAX apps

documentation

4497.0

Expose

Makes your HTML stand out from its surroundings

documentation

1601.0

Mousewheel

A generic mousewheel support for jQuery

documentation

jQuery Tools from CDN

Here is a list of all available jQuery Tools combinations from a free Content Delivery Network.

<!-- UI Tools: Tabs, Tooltip, Scrollable and Overlay (4.45 Kb) -->
<script src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
 
<!-- Form tools: Dateinput, Rangeinput and Validator. No jQuery library. ( Kb) -->
<script src="http://cdn.jquerytools.org/1.2.6/form/jquery.tools.min.js"></script>
 
<!-- ALL jQuery Tools. No jQuery library -->
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
 
<!-- jQuery Library + UI Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
 
<!-- jQuery Library + ALL jQuery Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

HTML

If you prefer to load the jQuery library separately the recommended practice is to load jQuery from Google's CDN service. Make sure the jQuery library is always loaded before the jQuery Tools library.

<script src="http://ajax.googleapis.com/ajax/libs/jquery//jquery.min.js"></script>

HTML