jquery ui tool 很酷,很实用,期盼已久的。
1. Tabs
The most important UI widget on the web
- Minimal setup for tabs
- Naming the tabs
- 4 different skins with CSS
- Loading tab contents with AJAX
- Handling browsers back button
- AJAX:ed tabs with History support
- 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
- Slideshow plugin for the Tabs
2. Tooltips
The second most important UI widget
- 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
Overlay your HTML with eye candy
- 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
- Using the gallery plugin
4. Expose
Make your HTML elements stand out
5. Scrollable
Scroll your HTML with eye candy
- 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
- Large one sized Scrollable
- A complete scrollable navigational system
- Add and remove items from scrollable
- Customizing the scrolling animation
6. Flashembed
The Future of Flash embedding
- 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
7. Combinations
Possibilities are endless. Get creative!
7. jQuery Tools and Flowplayer
Video-enabled demos with Flowplayer