Jquery插件介绍（一）
FILED IN 技术 No Comments
STEP CAROUSEL VIEWER
March 21, 2008 – 12:37am — georgec
Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents for the Step Carousel Viewer can be defined either directly inline on the page, or via Ajax and extracted from an external file instead. In both cases, the contents are simply DIVs with a shared CSS class name that wrap around each individual content.
用于播放网页上多张图片，有点像幻灯片
演示地址：http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
SIDESWAP CONTENT ROTATOR
January 18, 2010 – 7:29pm — brianblocker
Features:
- Automatically (optional) adds navigation between images/content
- HTML of the previous and next tags can be passed as parameters to the plugin
- Automatically (optional) transitions between images/content
- Duration of image/content display and transition speed can be passed as parameters to the plugin
-
Called on an element containing elements that will be rotated i.e. $(‘.containing_element).sideswap();
More documentation coming soon
# AJAX-ZOOM # IMAGE ZOOM & PAN GALLERY PLUGIN
March 31, 2010 – 8:13pm — vadus
AJAX-ZOOM is a sophisticated image zoom & pan gallery plugin based on jQuery and PHP. With over 250 options it is very flexible and can be integrated into any website. AJAX-ZOOM uses image tiles to quickly generate a portion of an image. It also has the ability to watermark zoomed portions on the fly thus adding protection to the source image. The program supports Gdlib and ImageMagick and can be used as gallery script or stand alone image zoom interface. Watch the Examples
一个强大的相册插件，功能超多
演示页面：http://www.ajax-zoom.com/examples/example1.php
# JQUERY MENU STYLE 1 – DROP DOWN MENU WITH VISUAL EFFECTS
December 23, 2009 – 11:04am — Apycom Menu
jQuery Menu Features
- Full cross-browser compatibility
- Fully accessible even when javascript is turned off, as a pure css menu
- Search engines optimized
- Clear unordered list (LI and UL HTML tags) structure of jQuery menu
- Easy to setup and update
- Fantastic animation and transition effects
- Multiple pre-desinded color schemes
- Completely customizable styling with CSS
- Powered by jQuery
-
Extremely small – 3kb uncompressed
Color Themes:
(White Smoke) jQuery Menu
(Dim Gray) jQuery Menu
(Black) jQuery Menu
(Yellow Green) jQuery Menu
(Orange Red) jQuery Menu
(Deep Sky Blue) jQuery Menu
非常好的下拉菜单，有多重样式选择，效果不错，菜单里的字体还会移动，强烈推荐
演示地址：http://apycom.com/
# VISUAL LIGHTBOX – CREATE FANTASTIC LIGHTBOX-STYLE GALLERIES AND SLIDESHOWS. JQUERY LIGHTBOX PLUGIN.
December 7, 2009 – 9:47am — Visual LightBox
Visual Lightbox is a jQuery plugin for lightbox-style photo galleries and slideshows.
Visual jQuery LightBox Features
- Slideshow with autostart option
- Thumbnail and code generator for Windows & MAC
- XHTML compliant
- Zoom effect with overlay shadow
- Rounded corners of overlay window
- Large images fit to browser window
- Overlay floating – image floats on scroll staying always visiable
- Smooth cross-fade transition & animation
- Image preloading after the page is loaded
- Keyboard navigation
- Graceful degradation when javascript is not available
- A lot of nice gallery themes
- Image rotating and hi-quality image scaling with anti-aliasing
- Automatic thumbnail creation
- Adding caption
- Built-in FTP
-
一个浮动的相册，节省空间，点击时才跳出来
Home Page: http://visuallightbox.com/
Live Demos: http://visuallightbox.com/demo/
Mac-style Theme: http://visuallightbox.com/lightbox-mac-style-demo.html
Facebook-style Theme: http://visuallightbox.com/photo-gallery-with-lightbox-simple-html-demo.h…
Vista-style Theme: http://visuallightbox.com/lightbox-effect-vista-demo.html
Glossy Theme: http://visuallightbox.com/lightbox-photo-software-sticky-notes-demo.html
Grey Theme: http://visuallightbox.com/lightbox-photo-album-polaroid-demo.html
Lighbox Theme: http://visuallightbox.com/image-gallery-with-lightbox-no-frame-demo.html
Downloads: http://visuallightbox.com/index.html#download
$().ANIMADRAG
March 26, 2010 – 2:49pm — wayfarer
AnimaDrag is a drag and drop plugin with a very small footprint that allows for animated easing when dragging an element. It has many fewer feature than a jQuery UI draggable widget, but is much smaller and does not depend on UI.
AnimaDrag uses animation, and has full easing support, which jQuery UI draggables do not support. This allows for a richer display of dragging, and is fun to play with.
You can see my sample at http://wayfarerweb.com/jquery/plugins/animadrag/ with some of the possibilities. It is highly configurable and has 4 callbacks to make it easy to customize.
一个随意移动div的插件
演示地址：http://wayfarerweb.com/jquery/plugins/animadrag/
$().WTOOLTIP (WAYFARER TOOLTIP)
March 10, 2009 – 12:45pm — wayfarer
The “wTooltip” is a lightweight, flexible tooltip that is made to be easily customized. The default behavior is the conversion of the title attribute into the tooltip, which makes quick creation of multiple tooltips on any page a snap.
There are many more advanced options, including callBefore, and callAfter parameters, which allow custom code to be integrated easily with the standard behavior. It also has an easy interface to allow the tooltip to be completely styled at the user’s discretion.
The complete documentation is available at http://wayfarerweb.com/wtooltip.php
提醒插件
演示地址：http://wayfarerweb.com/wtooltip.php
.SMOOTHANCHORS() – SMOOTH ANCHORS
July 30, 2009 – 10:51pm — iwhitcomb
Links which use the pound(#) symbol to anchor to another area of the page are generally used for navigating large blocks of text. This plugin creates a simple animation for anchor links by quickly scrolling the page to the area where the anchor is at rather than just jumping right to the anchor like normal.
一个返回顶点的插件
3D WATERWHEEL IMAGE CAROUSEL
April 17, 2010 – 6:51pm — bkosborne
This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.
Tested and works with jQuery version 1.4.2
一个三维图片展示插件
AD GALLERY
July 10, 2009 – 7:30am — anders.ekdahl
An image gallery plugin with a list of thumbnails below the image. Not quite like Lightbox or Thickbox, but more of a showcase type of gallery.
像win7的图片浏览器插件
AJAX TOOLTIP SCRIPT
July 10, 2008 – 11:06pm — georgec
This script enhances the default “title” attribute of HTML so certain tooltips can instead get their contents from an external file, with rich HTML content and all. Integration is easy and non obtrusive, and for the sake of efficiency, the script will only use Ajax to load the tooltip’s content the very first time the user rolls over the attached element.
一个ajax的提醒插件
演示地址：http://www.javascriptkit.com/script/script2/ajaxtooltip.shtml
