jQuery插件收藏
1.Fullsize的一个目的是下一个HTML标准中fullsize能够成为<IMG >标签的一个属性,它的作用是在图片上提供可以查看图片原始大小的按钮。
Airport – Information Board Text Effect | Demo
2.Airport是很简单的一个文字效果插件,模仿飞机场或者火车站公告牌显示站点文字效果,跳动显示。
3.jScrollPane 帮你替换浏览器默认的滚动条效果,可以轻松地更换你想要的样式。
4.jTip 把通过AJAX读取的内容放到提示框中,在链接上加一个class“jTip”,你就用这个链接地址获取的内容来做提示框。
5.tablesorter可以将包含THEAD、TBODY 标签的表格编程可动态排序。
6.Fancy提供自动提示输入,并在输入框显示多个输入结果,类似facebook的风格。
7.MopTip 很漂亮的提示框插件。
8.MopBox可拖动的弹出框效果插件,支持div内容, 图片, flash, 视频等等,如果有不只一项内容,会自动显示导航条。
9. MopSlider滚动展示框,可自定义高度、宽度,一个页面可显示多个滚动框。
需要在用户把光标移到某个元素上时显示一些额外信息时,提示框是一种不错的方式,提示框会在鼠标停留的时候显示,鼠标移开时消失。
适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今天我们将看到15款制作友好的提示框的jQuery插件。
qTip
qTip是一款功能高级的提示框插件,它提供了非常多的特性,包括圆角框、提示泡泡等。
jQuery Tools/Tooltips
11. 这个提示框插件能够显示任何的HTML元素,比如链接、表格、表单、图片,实现这些效果是很轻松的,你也可以轻松制作出自己独特风格的提示框。
Simpletip
Simpletip 允许你通过Jquery的元素选择器和事件管理器轻松在任何元素上制作提示框,提示框可以使静态的、动态的、甚至可以通过ajax加载,并且都有非常多不懂的显示效果。
jQuery (mb)Tooltip
jQuery (mb)Tooltip是一款通过 jQuery timers 和半透明阴影插件实现的漂亮的提示框插件,它为各种需求提供很多可选项。
你不需要添加任何CSS或图片就可以扩展、定制提示框的样式风格。
jQuery Input Floating Hint Box
这个插件在表单右边提供一个自动变化的提示框,当输入框获得焦点时它就会显示,失去焦点时就隐藏。
HTML Tooltip
Orbital Tooltip
你可以用 Orbital Tooltip在目标元素的360°任何一个位置制作出一个提示框。
Tipsy
Facebook风格的提示框插件。
clueTip
jTip
jTip 利用 HttpXMLRequest 对象去获取内容,只要在链接上加一个”jTip”class,就可以获取远程地址提供的提示内容
BeautyTips
Hovertips
可扩展性极好,只需少量的javascript代码你就可以制定出自己风格的提示框。
BetterTip基于Cody Lindley的 jTip实现, 但是对比起来它扩展性更好。
jqTooltip
轻松通过ajax制作提示框。
在 网站的设计中,提示信息是非常细微的功能,但是起着非常重要的作用。如果你的网站中提示信息做的比较好,会给浏览者留下非常深刻的印象,同时也会起到非常 好的网站宣传效果,下面介绍了30个比较流行提示信息插件jQuery Tooltip Plugin,希望对大家有帮助。
每个插件都配有比较直观的截图,也就不做详细地介绍了,如果大家喜欢某一个插件,点击超链接,自己学习如何使用吧。
1. Dynamic tooltip
2. Popup Bubble
3. jQuery Horizontal Tooltips Menu Tutorials
4. Prototip
5. Coda Popup Bubble
6. Awesomeness
7. TipTip
8. (mb)Tooltip
9. vTip
10. jGrowl
11. jQuery Ajax Tooltip
12. Digg-style post sharing tool with jQuery
13. Input Floating Hint Box
14. Simpletip
15. qTip
16. Orbital Tooltip
17. Inline HTML Tooltip
18. tipsy
19. Easiest jQuery Tooltip Ever
20. BsTip
21. EZPZ Tooltip
22. BeautyTips
23. Tooltip
24. clueTip
25. Creating A Simple Tooltip Using jQuery and CSS
26. BetterTip
27. jTip
28. jqTooltip
29. Pop!
30. Create a Simple CSS + Javascript Tooltip with jQuery
Ajax Image Galleries & Lightboxes
- Minishowcase
Minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes. - JonDesign’s SmoothGallery
Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 16kb. - Ajax Photo Gallery
The AJAX version of AgileGallery is a free AJAX photo gallery that rips through the XML output from Picasa (a free download from google) and generates DHTML for the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. Since this photo gallery uses AJAX technology, it eliminates the need for any page refresh as the user pages through the photos. - Pyxy-gallery
Pyxy-gallery is an AJAX image gallery in PHP and JavaScript, which optionally uses lightbox.js. It is designed to be an ultra-light-weight, “drop-in” image gallery. - zenphoto
Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense. After years of bloated software that does everything and your dishes, zenphoto just shows your photos, simply. It’s got all the functionality and “features” you need, and nothing you don’t. Where the old guys put in a bunch of modules and junk, we put a lot of thought. We hope you agree with our philosopy: simpler is better. - Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow
This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs. - Grey Box
A pop-up window that doesn’t suck. GreyBox can be used to display websites, images and other content in a beautiful way. - Lightbox2
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. - Litebox
Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand. - Multifaceted Lightbox
A script (JavaScript) that allows you to focus the users attention on a particular portion of the screen. It creates the equivalent of a modal dialog box - this means that while the user looks at this focused part of the screen, they can’t interact with the rest of the screen. - Slightly ThickerBox 1.7
Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.) - TripTracker
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature. - Slimbox, the ultimate lightweight Lightbox clone
Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2. - Suckerfish HoverLightbox
The Suckerfish HoverLightbox is a mashup of three very popular Web design techniques blended together to offer a new way of presenting your image galleries. - LightWindow
LightWindow Supports EVERY Media type and renders it appropriatly, and with better Animation effects. - Lytebox
Lytebox was written from the Lightbox class that Lokesh Dhakar (http://www.huddletogether.com) originally wrote. The purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js. - iBox
iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility. The quick start shows example code and explains how to use it. - Smoothbox
Smoothbox is the Mootools conversion of Thickbox, a script running on JQuery.For the description and the features, you can go to Thickbox’s website, as they are basically the same.The main difference from a user point of view is that I’ve added some effects when the box shows up and on scroll. - YUI Based Lightbox
The most significant change in this version of the lightbox is that image thumbnails are no longer required for creating lightbox instance. That implies that you can create an image gallery without the presence of image thumbnails. The more exciting aspect of this new feature is that you can virtually grab any image from the internet and include it in your gallery. - Imago
Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It's plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you'd like to host them yourself, Imago can show them. - photoViewer
PhotoViewer leverage the Flickr API for better flexibility can load image from remote XML and easily skinned for customization - carousel
The carousel component manages a list of content (HTML LI elements within a UL) that can be displayed horizontally or vertically. The content can be scrolled back and forth with or without animation. The content can reference static HTML content or the list items can be created dynamically on-the-fly (with or without Ajax). - multibox
lightbox that supports images, flash, video, mp3s, html. - FrogJS Javascript Gallery
FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories. Below is a small example of a FrogJS gallery. Just click the parrot thumbnail to scroll through the gallery. - Galleria [homesite、lightweight gallery]
Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. - AJAX Image Gallery powered by Slideflow (like Cover Flow)
You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! Or better yet, try the fullscreen example. - JaS gallery
JaS is short for JavaScript Slides and it is a highly customizable JavaScript library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images, so the viewers can find the exact images they're looking for. You can use it any way you like in your own web site, and adapt it to your specific needs. - MooFlow
Image gallery uses MooTools. - Shadowbox
Shadowbox is an online media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page. - mooCicle
Allora, ho creato un piccolo javascript per creare una semplicissima galleria con effetto foto sfogliate. Avevo notato una galleria di questo genere fatta con jQuery, è mi sono chiesto quanto fosse difficile crearla per mooTools. Direi non molto. - jqGalViewIII (proof of concept)
A photo gallery by jQery, display the thumb image and splendid effect. - Live Thumbnail
Make pictures zoom in/out by a simple mouse click. - (E)2 Photo Gallery
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP. - AJAX Slide Show
The Slide Show is a simple to use application of the Google AJAX Feed API that is designed to let you add photo slide shows to your pages, sites, and blogs. The slide show control takes photo feeds from all popular sites, such as PhotoBucket, Flickr, and Picasa Web Albums. Any feeds that use Media RSS can be used without customization. However, the slide show control allows any photo-based feed to be accomodated, such as iTunes feeds similar to those found in the Tune Bar solution or the custom feed example below. - jQuery Cycle Plugin
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin - FlickrShow - Simple Javascript Slideshows
Flickrshow is a lightweight, cross-browser javascript slideshow, providing you with an easy way to display your Flickr images on your own website. It is simple to install and can be used to access images within Flickr groups or photosets, or using a tag-based search. The demonstration below is retrieving images from the Twenty Five photset by the very talented Limonada. - slideViewer
slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images - noobSlide - mootools
noobSlide es una ligera "clase" escrita con la librería mootools con la que se puede construir "slides" desde simples hasta complejos, claro que para sacarle el máximo provecho necesitas aprender cómo trabajar con mootools. - Suckerfish HoverLightbox Redux
The Redux has a number of improvements, mostly visual, but some behavioral changes as well. Before going into detail, it’s important to give due credit to those who helped make the Suckerfish HoverLightbox a possibility. - ThickBox 2.1.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
CSS-Based Image Galleries
- A Photograph Gallery
Just a simple :hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. Ideal for photograph albums. - A simple CSS photo-album
The text numbers and images are held in an unordered list without any extra markup (no ‘ems’ or ’spans’ etc). The CSS just styles the text numbers so that they appears in a box and the images so that they are hidden until your visitor clicks a number square. - Cross Browser Multi-Page Photograph Gallery
Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS. - CSS Image Gallery
This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use CSS’s “:hover” pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown. Furthermore, it’s possible to modify the behavior so the enlarged images are only shown onClick, though IE6 currently doesn’t support this behavior well. The gallery works in IE6+, Firefox, Opera 8+. - CSS: Photo Showcase
This experiment uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users. - Hoverbox Image Gallery
Basically, it’s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS. - Photo scroll gallery
A combination of several of my previous galleries to give a scrolling ‘thumbnail’ image, a medium size image on hover and a full size image on click. The thumbnail, medium size and full size images are all the same image just resized using CSS. The thumbnails are square to make the scrolling area simpler to work with. This does make these images a little distorted but not so much that they look wrong. - Sliding Photograph Galleries
It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are ‘pre-loaded’.This method can be used either vertically, as shown, or horizontally.
JavaScript + CSS-based Galleries & DHTML-Galleries
- xImgGallery - Javascript Image Gallery & Slideshow
This script implements a Javascript image gallery and slideshow - all in one file. - easyAlbum
A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more. - ImageGal
imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images. This simple script was inspired by a Jeremy Keith’s article on aListApart.com. - Highslide JS
Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window. - Satellite
Satellite is an all in one photo gallery website that takes advantage of Yahoo Flickr’s image hosting and management tools. You can upload and manage your images using Flickr and host your portfolio on your own server via Satellite. - Dhonishow
Showing Picture Online with Javascript. - DropProof
DropProof is a PHP tool for simple image proofing. DropProof is designed to be lightweight and easy to setup. DropProof is released under the MIT license, making it free to download, use, distribute, and modify. - CSS Photo Shuffler
A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter's image fade demonstration.
Horinaja是一个可定制、易于安装、跨浏览器的Slideshow控件。当鼠标移到Slideshow区域时,内容项目停止滚动切换。当鼠标移开 时,内容项目自动滚动切换。提供基于scriptaculous/prototype和jQuery两种版本。
主页:http://www.davidmassiani.com/horinaja/
下载:http://www.davidmassiani.com/horinaja/download.php
示例:http://www.davidmassiani.com/horinaja/
Scrollable是一个灵活、轻量级(3.9kb)用于创建滚动内容的jQuery插件。任何内容(HTML、视频、文件、图片等...)都可以作为 一个滚动项。支持水平与垂直两种滚动方向。
主页:http://www.flowplayer.org/tools/scrollable.html
下载:http://www.flowplayer.org/download/index.html
示例:http://www.flowplayer.org/tools/scrollable.html

哦,我刚知道你还弄了这个网站啊
@云在天边 呵呵!也没多久的事啊!
@edikud
你的邮箱提醒中的“查看回复”连接设置有问题啊!改一改
@云在天边 这个我没有注意啊!
多谢提醒!!!