十个JavaScript特效

小编来给大家介绍10种JavaScript特效

1.GreyBox

GreyBox允许您在模式窗口中启动其他网站(如弹出窗口，但不会打开其他浏览器)。当您链接到多个网站并且不希望用户离开您的网页或打开另一个可能被用户浏览器阻止的浏览器窗口时，这非常有用。使用 GreyBox 很容易，涉及网页中概述的 3 个步骤。

以下是有关 GreyBox 的一些关键页面：下载页面、文档、示例、安装和高级用法(对于更有经验的 JavaScript 用户，请查看此页面以获取有关如何扩展库功能的提示)。

2.Instant.js

Instant.js效果动态地为您的图像添加类似宝丽来的效果(它倾斜它并添加带有阴影的边框)，模拟这种流行的图像技术，而无需使用数字图像编辑应用程序，例如 Photoshop。

当您在多个图像上应用这种流行的视觉技术并且您不想自己手动编辑图片时，可以使用它(您可能可以批处理，但这实际上只对简单的操作有效，例如调整图像大小，裁剪均匀等)。

3.mooTable

mooTable 允许您通过使用 DOM 而不是再次请求以另一种方式排序的数据来提供表数据的排序(无需页面刷新)。实现很简单，配置表格的排序也轻而易举。

这个库需要 mootools 框架，你可以在这里下载。您还可以在 mooTable 的作者在 mootools 板上找到论坛帖子，其中包含来自其他 mootools 开发人员的反馈。

4.FancyForm

FancyForm用更高级的控件替换了乏味的表单控件，例如单选按钮和复选框。基本实现是一个两步过程：(1) 在网页上包含 JavaScript 文件，以及 (2) 为您的表单控件分配class="checked"或class="unchecked"用于复选框和class="selected"和class="unselected"用于单选按钮。非常不引人注目的 JavaScript。

这个脚本也需要 mootools(并且是为 1.1 版开发的)。

5.图像菜单

由 phatfusion 开发的图像菜单是一个漂亮的水平菜单，当您将鼠标悬停在菜单项(例如图像)上时会展开。

您可以使用它来显示每个部分隐藏的图像蒙太奇，但用户可以通过将鼠标悬停在其上来完全显示。

这个脚本也需要 mootools(并且是为 1.1 版开发的)

6.AmberJack：站点游览创建者

这是一个轻量级的 JavaScript 库，它允许您创建一个脚本化的网站浏览，允许用户实时访问关键网页，每个页面上都有一个小的描述框。

这允许用户浏览网站的各个部分，而无需查看用 Flash 或其他方法创建的静态演示。额外的好处是，您可以下载各种“皮肤”，甚至创建自己的皮肤，以匹配您网站的外观和感觉。这是皮肤库，因此您可以查看它们的主题是否与您的网站不冲突。

7.图像流

受 iPod 的“coverflow”启发，ImageFlow 是一种简单的效果，它显示一组图像，用户可以使用图像集底部的滚动条滚动显示图像集。高级开发人员可能可以修改滑块以使其更加美观。

当用户点击一个图像时，它会将他们重定向到另一个显示图像的网页，所以一个很好的主意是将它与模式框脚本结合使用来打开图像。

更新：刚才，ImageFlow 的作者给我发了电子邮件，宣布 ImageFlow 0.9 版。在这里查看(它修复了单击图像时打开另一个浏览器窗口的问题，并且它与灯箱兼容)。感谢芬兰人的更新!

8.ShadowBox.js 媒体查看器

ShadowBox 是“一个完全用 JavaScrip t编写的跨浏览器、跨平台、干净编码和完整文档的媒体查看器应用程序”(哇，这是一个满口的，不是吗?)。

shadowbox 与 Lightbox 2 等众多其他模态框的区别在于，它支持除图像之外的其他文件类型，例如 Flash 视频、嵌入的 youtube 视频、Apple.com 预告片和网页(登录页面)例如，这可以节省用户前往另一个页面的旅程，只是为了登录)。值得测试和使用的脚本。

9.TJPzoom 3 – 图像放大镜

TJPzoom允许您放大高分辨率图像的特定部分。按住鼠标键并向上或向下拖动，可以减小或增大图像放大镜工具的缩放比例。

使用 TJPzoom 的一种方法是缩小高分辨率图片以适合网页，然后允许用户使用放大镜工具放大图像的某些部分。

10.mootools 小贴士

mootools Tips是 mootools 框架的一部分，它允许您提供一种高度可配置的方式来向用户显示工具提示;当用户将鼠标悬停在链接或图像上时，有关该元素的附加信息会出现在屏幕上。

您可以调整的一些选项包括：CSS 样式(使其看起来与默认的黑色背景和白色文本不同)、过渡速度、工具提示在屏幕上的显示方式以及您希望工具提示显示多长时间显示。这需要 mootools 框架。

如果大家对此比较感兴趣，想了解更多相关知识，可以关注一下星辉的Java星辉在线学习，里面还有更多的知识在等着大家去学习，希望对大家能够有所帮助。