jQuery UI Logo
jQuery UI provides widgets and interactions javascript libraries to simplify the website development process. jQuery UI is built on jQuery Javascript Library, so this is very powerful and of course your website development process will be much faster.
Besides there are so many libraries, jQuery UI also provides many UI themes. The implementation of jQuery UI is very easy, to change the themes, we do not need to change the entire code. We just need to load the css file that has been hosted on Google Libraries API.
How to load the default jQuery UI theme :
[sourcecode language='javascript']
[/sourcecode]
To change the theme, replace in the following section.
<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css”/>
Replace the red-printed with the following options (to see the demos, go to jQuery UI Demos) :
jQuery UI has many types of widgets and interactions, there are Also available several effects.
Interactions
- Draggable
- Droppable
- Resizable
- Selectable
- Sortable
Widgets
- Accordion
- Autocomplete
- Button
- Datepicker
- Dialogue
- Progressbar
- Slider
- Tabs
Effects
- Color Animation
- Toggle Class
- Add Class
- Remove Class
- Class Switch
- Effect
- Toggle
- Hide
- Show
Utilities
- Position
