mootools_您应该在每个网站上使用的7个MooTools插件

mootools

The advantage of using unobtrusive JavaScript is that you can vastly improve the user experience for website visitors using just a snippet of code. And since the MooTools JavaScript framework's community is known for creating unique, quality plugins, I've compiled a list of plugins you MUST use on every website to take the user experience to the next level.

使用不干扰JavaScript的优势在于，您只需使用一小段代码即可极大地改善网站访问者的用户体验。 而且由于MooTools JavaScript框架的社区以创建独特，高质量的插件而闻名，因此，我整理了您在每个网站上都必须使用的插件列表，以将用户体验提升到一个新的水平。

自动成长 (AutoGrow)

I firmly believe that textareas and input boxes should provide a method for enlargement. AutoGrow takes any textarea element on the page and animates growth so that you can always see the complete text within a textarea.

我坚信文本区域和输入框应提供扩大的方法。 AutoGrow接受页面上的任何textarea元素并设置动画效果，以便您始终可以在textarea中看到完整的文本。

Website & Download 网站和下载 Example Usage 示例用法

 

花式表格 (FancyForm)

FancyForm is a checkbox replacement script used to beautify ugly checkbox and radio button elements. FancyForm's display is controlled completely by CSS and degrades well when the user doesn't have JavaScript available.

FancyForm是一个复选框替换脚本，用于美化丑陋的复选框和单选按钮元素。 FancyForm的显示完全由CSS控制，当用户没有JavaScript时，FancyForm的显示效果会很好。

Website & Download 网站和下载 Documentation 文档 Example Usage 示例用法

 

牛奶盒 (Milkbox)

No photo-featuring website is complete without a good lightbox script. Milkbox is an all-encompassing lightbox script that's easy to implement and adds a classy animated element to your website. Use Milkbox for flash video, photos, and XML galleries.

没有良好的灯箱脚本，没有照相馆藏的网站是完整的。 Milkbox是一个无所不包的灯箱脚本，易于实现，并在您的网站中添加了经典的动画元素。 将Milkbox用于Flash视频，照片和XML画廊。

Website, Download, Documentation, & Example Usage 网站，下载，文档和示例用法

 

快捷箱 (Quickboxes)

Don't make your website visitors click a bunch of checkboxes. Quickboxes allows you to check multiple checkboxes in one mouse click and drag. I always recommend having a "check all" checkbox/link but many times your user will want to check a small range of checkboxes.

不要让您的网站访问者单击一堆复选框。 使用快速框，您可以通过单击并拖动来选中多个复选框。 我总是建议您使用“全部选中”复选框/链接，但是很多时候您的用户都希望选中一小部分复选框。

Website & Download 网站和下载 Documentation 文档 Example Usage 示例用法

 

平滑滚动 (SmoothScroll)

Arguably the most famous and easiest to implement of all the MooTools plugins. SmoothScroll allows the page to animate down to an anchor within the page instead of the ugly jump that occurs by default.

可以说是所有MooTools插件中最著名和最容易实现的。 SmoothScroll允许页面向下动画到页面内的锚点，而不是默认情况下发生的难看的跳转。

Website & Download 网站和下载 Documentation 文档 Example Usage 示例用法

 

提示 (Tips)

The default display of tooltips is ugly in both Windows and OSX. When you add a "title" attribute to an element, it's likely that you want the user to view it. Tips allows you to control how tooltips display so make them creative!

在Windows和OSX中，工具提示的默认显示都很难看。 当您向元素添加“标题”属性时，您可能希望用户查看它。 提示使您可以控制工具提示的显示方式，使它们富有创造力！

Website & Download 网站和下载 Documentation 文档 Example Usage 示例用法

 

斑马表 (ZebraTables)

Long tables can be almost impossible to read. ZebraTables is an easy to implement MooTools class that provides alternate-row-coloring support, hover highlighting, and click coloring.

长表几乎是不可能读取的。 ZebraTables是易于实现的MooTools类，提供了可选的行着色支持，悬停突出显示和单击着色。

Website & Download 网站和下载 Documentation 文档 Example Usage 示例用法

 

There you have it -- 7 MooTools plugins you may effortlessly add to your websites to make them infinitely more usable.

在那里，您可以轻松地将7个MooTools插件添加到您的网站中，以使其无限可用。

翻译自: https://davidwalsh.name/7-mootools-plugins

mootools