This is a message.

Download Version 1.2.7

Quick start

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

<script src="http://cdn.jquerytools.org/1.2.7/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.7.2

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

UI Tools

0.0

Tabs

The most important UI tool

documentation

0.0

Slideshow plugin

Transforms tabs into a working slideshow

documentation

0.0

Tooltip

The basics of UI design

documentation

0.0

Slide effect

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

documentation

0.0

Dynamic plugin

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

documentation

0.0

Scrollable

A generic HTML scrolling widget

documentation

0.0

Autoscroll plugin

Makes the scrolling behavior automatic. highly configurable

documentation

0.0

Navigator plugin

Provides navigation buttons for switching between pages in scrollable

documentation

0.0

Overlay

A generic HTML overlaying widget

documentation

0.0

Apple effect

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

documentation

Form Tools

0.0

Dateinput

HTML5 date input for humans

documentation

0.0

Rangeinput

HTML5 range input for humans

documentation

0.0

Validator

HTML5 input validation for humans

documentation

Toolbox

0.0

Flashembed

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

documentation

0.0

History

Back button for AJAX apps

documentation

0.0

Expose

Makes your HTML stand out from its surroundings

documentation

0.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.7/tiny/jquery.tools.min.js"></script>
 
<!-- Form tools: Dateinput, Rangeinput and Validator. No jQuery library. ( Kb) -->
<script src="http://cdn.jquerytools.org/1.2.7/form/jquery.tools.min.js"></script>
 
<!-- ALL jQuery Tools. No jQuery library -->
<script src="http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js"></script>
 
<!-- jQuery Library + UI Tools -->
<script src="http://cdn.jquerytools.org/1.2.7/jquery.tools.min.js"></script>
 
<!-- jQuery Library + ALL jQuery Tools -->
<script src="http://cdn.jquerytools.org/1.2.7/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/1/jquery.min.js"></script>

HTML