现代Web设计中，JavaScript是不可或缺一部分。除了它的功能以外，JavaScript可以通过创建诸如淡入淡出和滑动等动画效果，以提高用户体验。归功于开源的JavaScript框架，我们不再需要从零开始定义JavaScript。下面是47个可以用来提高用户体验和网站功能的JavaScript插件。别忘了查看展示插件如何应用的案例网站。
图片缩放和弹出
Lightbox
你应该非常熟悉Lightbox——一个用于覆盖在当前页面上显示图像的JavaScript。最初版本的Lightbox发布于2005年，后续又发布了许多使用不同方法和JavaScript库但具有类似功能的脚本。
jQuery lightBox Plugin
和Lightbox极为相似，基于jQuery库。
Thickbox
Thickbox是一个和Lightbox非常相似的jQuery插件，但功能更多，可以用来显示：单张图片、多张图片、内联内容、iframe内容，或者通过Ajax读取内容。
注： Web Designer Wall使用Thickbox展示画廊图片和教程演示。
Highslide JS
Highslide JS可以实现类似于Thickbox的功能，而且有缩放效果，可以拖动窗口覆盖层。
FancyBox
FancyBox是一个旨在取代被过度使用的Lightbox的jQuery插件，和Lightbox具有类似的功能，而且有更好的过渡效果（Mac风格）。
jQZoom
jQZoom可以用来显示一个缩略图的局部放大图 ，这种技术通常用在电子商务网站（参见Gap site)。
画廊和幻灯片-Gallery and Slideshow
Slideshow 2! for Mootools
Slideshow 2!是一个Mootools 1.2 JavaScript类，用于在网站中滚动展示图像。
SmoothGallery
使用Mootools 1.11，这个JavaScript画廊和幻灯片系统可以实现简洁、平滑（交叉淡入淡出）的图片画廊、幻灯片、案例展示，以及其它很酷的效果。
jQuery Galleria
Galleria是一个用jQuery编写的JavaScript画廊，它从一个显示缩略图的无序列里一个一个地载入图像。它可以根据CSS定义的大小生成缩略图，成比例或者不成比例、居中或裁切皆可。
Noobslide
NoobSlide是一个可以用来创建定时幻灯片和滑动版的Mootools类， 访问网站查看演示。
Product Slider (演示)
基于jQuery UI库，用来创建像苹果网站一样的产品滑动条。
传送带-Carousel
jCarousel
jCarousel是一个用来控制水平或垂直排序列表项的jQuery插件。列表项可以使静态HTML或通过（不通过）Ajax载入的内容，可以来回滚动，可以创建动画效果。
YUI传送带组件
这个组件可以管理一个列表项（UL内的HTML LI元素）水平或垂直显示。内容可以有或无动画效果地来回滚动显示；内容可以是静态HTML或者动态创建（AJAX或者不通过AJAX）。
DynamicDrive - 旋转幻灯片
旋转幻灯片是一个令人难以置信的DHTML展示图片脚本，以3D、时尚的方式展示图片。
iCarousel - MooTools
iCarousel是一个开源（免费）的JavaScript工具，像widgets一样创建传送带，可以用来创建滚动新闻和图片。
滑动面板 - Panel Slider
Coda Slider Plugin
Coda Slider是一个jQuery插件，模仿Coda网站的滑动面板效果。
jQuery Coda Slide Tutorial (demo)
源自 jQuery For Designers 的教程，展示了如何创建Coda的滑动面板。
Sliding Tabs (demo)
Sliding Tabs是一个 mootools 1.11插件。模仿了Panic Software’s Coda网站的一些东西，和iTunes Music Store的widget有几分相似。
选项卡 - Tabs
jQuery UI Tabs
jQuery Tabs是一个强大、灵活的jQuery插件，让你创建自定义的tab导航（强烈推荐）。
jQuery Tabs Tutorial (demo)
另外一个令人敬畏的教你如何使用jQuery创建基本的tab导航的教程，来自 jQueryForDesigners.com。
MooTabs
MooTabs是一个很小的（3kb）MooTools类 。顾名思义，它主要用来创建简单的tab导航。
Sliding Tabs Tutorial (demo)
来自Nettuts.com的教程，教你如何使用jQuery创建滑动选项卡。
滚动到锚点 - Scroll to Anchor
jQuery ScrollTo (demo)
非常灵活的 jQuery插件，用来创建动画滚动到网页任何位置，可自定义速度等参数。
SmoothScroll (demo)
一个简单的创建平滑滚动到页面锚点的MooTools脚本。
Animated Scrolling with jQuery
Learning jQuery 教你如何使用几行代码创建动画滚动到锚点。
鼠标提示 - Tooltips
jTips (demo)
可以自定义的jQuery plugin插件，弹出显示提示信息——可以是静态html或者AJAX内容。
jQuery Tooltip Plugin (demo)
另一个很不错的鼠标提示插件。
Tooltip and Image Preview (demo)
一个非常简单的jQuery脚本，显示鼠标提示和图片预览（我在 Best Web Gallery 中使用它）。
折叠菜单 - Accordion
jQuery Accordion (demo)
可以用来创建折叠菜单，嵌套列表、定义列表或者div嵌套都有效。
Apple.com Sidebar Accordion (demo)
jQueryForDesigner.com 教你如何创建Apple website上的折叠滑块 。
MooTools Accordion
用精美的方式显示真正需要的内容。
MooTools Image Menu
Image Menu是一个创建水平折叠图片菜单的MooTools插件。
Flash和图片文本替换
sIFR 3 (demo)
sIFR用你所选在的字体替换短的段落或者浏览器默认字体，无论用户是否在安装了所选字体。通过JavaScript、CSS和Flash结合来完成。
jQuery sIFR (demo)
jQuery插件，用来完成 sIFR。
FLIR (demo)
Facelift Image Replacement是一个图像替换脚本，使文本动态生成指定字体的图像。生成的图片会通过JavaScript自动插入到网页中，而且在所有的现代浏览器中都是可见的。
CSS样式表切换 - CSS Stylesheet Switcher
A List Apart - Alternative Style
Paul Sowden原创的样式表切换。不管相信与否，这个技术是2001年发明的（终究不是一个现代的技术）。
Switch Stylesheets with jQuery (demo)
使用jQuery的样式切换器。
MooTools Styleswitcher (demo)
使用MooTools的样式切换器。
表单样式设计 - Form Styling
FancyForm - MooTools (demo)
一个MooTools插件，用定义的样式替换浏览器默认的复选框、单选框样式。
PrettyCheckboxes - jQuery
类似FancyForm，但使用jQuery库。
jQuery Selectbox Plugin (demo)
一个简单的插件，用定义的样式替换选择框默认样式。
Custom Checkboxes, Radio Buttons, Select Lists
使用JavaScript和CSS完全重新样式化表单。
jQuery Form Input Example Plugin (demo)
一个jQuery插件，在用户想要输入的区域给用户提示。
Unobtrusive Slider Control V2 (demo)
这个脚本可用来创建与输入区域有关的自定义滑动控制器。
更多的表单样式化参见 Noupe.com/css/form-elements…
表单验证 - Form Validation
jQuery Validate (demo)
一个真正让你创建客户端验证、AJAX表单的插件。
MooTools Validate
一个MooTools表单验证插件（类似于 jQuery Validate）。
JSValidate (demo)
JSValidate是一个利用利用prototype和scriptaculous来完成的表单验证脚本。使用最小化的设置，你的表单可以立即完全处理干净的数据。
Loading...
非常好,很有用,收藏了,多谢了...