首页 >web前端 >js教程 >您应该熟悉的另外 20 个出色的 AJAX 效果

您应该熟悉的另外 20 个出色的 AJAX 效果

PHPz
PHPz原创
2023-09-04 15:07:321097浏览

早在 10 月份,我们就用您应该了解的 20 个出色的 Ajax 效果让您惊叹不已。这篇文章后来成为 Nettuts+ 有史以来最受欢迎的帖子之一。这一次,我们还有二十多个同样优秀的 Ajax 效果供您了解和喜爱。

1。图像菜单

图像菜单是一段简单的 JavaScript,它使用图像来制作水平图像菜单。当您将鼠标悬停在链接上时,图像会展开并显示图像的其余部分。它与几乎所有现代浏览器兼容(没有关于 IE 8 的消息)。

您应该熟悉的另外 20 个出色的 AJAX 效果

2。图像流

ImageFlow 是一个不显眼且“用户友好”的 JavaScript 图像库脚本。它具有一个优雅的滚动条来浏览图像,所有图像都位于反射之上,创建类似 Mac 的封面流效果。

您应该熟悉的另外 20 个出色的 AJAX 效果

3。 Instant.js

如果您想为图像添加一些有趣的背景、旋转和其他效果,Instant.js 可能正是您所需要的。 JavaScript 会正常降级,因此未启用 JavaScript 的浏览器不会注意到差异。

您应该熟悉的另外 20 个出色的 AJAX 效果

4。玻璃盒

我们都听说过灯箱甚至灰箱,但是玻璃箱怎么样? GlassBox 是一个依赖 Scriptaculous 和 Prototype 的界面库。这个漂亮的库将添加透明边框和其他类似闪光的效果。它易于使用、可换肤,甚至具有动态内容加载功能。

您应该熟悉的另外 20 个出色的 AJAX 效果

5。搜索字段 CSS/JS

在用户交互方面,自动完成搜索字段非常有价值。有时搜索者不太清楚他在寻找什么,因此任何帮助用户准确找到他想要的东西都是一个巨大的好处。

CSSGlobe 有一个非常好的教程,介绍如何使用一些 CSS 和 Ajax 增强网站的搜索字段(不引人注意,不少于)。

您应该熟悉的另外 20 个出色的 AJAX 效果

6。原型加载

加载图像和字段对于使用 Ajax 的现代 Web 应用程序非常重要。 Protoload 提供了一些内置选项来帮助向用户展示等待时发生的情况。该脚本提供了许多选项,例如用于加载元素的颜色叠加、自定义文本和许多其他选项。

您应该熟悉的另外 20 个出色的 AJAX 效果

7。 jwysiwyg

jwysiwyg 是一个简单、强大且极其轻量级的 JavaScript jQuery WYSIWYG 插件。该插件具有所见即所得编辑器的许多标准功能,并且总大小仅 7kb。

您应该熟悉的另外 20 个出色的 AJAX 效果

8。 jquery.biggerlink 2

Bigger link 2 确实是一个简单的插件,可以让更大的、可点击的链接变得更容易。如果有意义的话,它甚至允许您将链接嵌入到链接元素内。 (查看演示以获得更清晰的信息。)

Bigger Link 2 在流行的 jQuery JavaScript 框架上运行。

您应该熟悉的另外 20 个出色的 AJAX 效果

9。 jQuery 标签建议

标签建议是现代 Web 应用程序中 Ajax 的一种流行用法。与自动完成搜索框非常相似,jQuery 标签建议插件是一个易于使用的插件,它为任何使用标签的应用程序提供了快速找到正确标签的方法。简单而有效地提升用户体验。

您应该熟悉的另外 20 个出色的 AJAX 效果

10。脸盒

Facebox 是一个独特的灯箱脚本,模仿 Facebook 模态窗口的灯箱风格。 Facebox 基于 jQuery 构建,外观和感觉几乎与 Facebook 的界面一模一样,而且安装也很简单。

您应该熟悉的另外 20 个出色的 AJAX 效果

11。人性化消息

Humanized Messages 是一个漂亮的 jQuery 插件,顾名思义:它为用户创建友好的消息。 JavaScript 插件通过在屏幕上创建半透明消息来实现此目的,并随着时间的推移逐渐消失。

您应该熟悉的另外 20 个出色的 AJAX 效果

12。 LightWindow v2.0

LightWindow 是另一个 Lightbox 插件,但它添加了一些该类型插件似乎忽略的功能。对于初学者来说,该插件允许在灯箱内渲染和使用多媒体。电影、图像、甚至整个画廊都可以在 LightWindow 中显示。非常适合低调地展示多媒体。

您应该熟悉的另外 20 个出色的 AJAX 效果

13。不引人注目的表操作

表数据通常很难有效显示,尤其是当您希望允许对行和列进行排序时。 Unobtrusive Table Actions 是一种 JavaScript,允许对表数据施加不同的效果。借助这个小脚本,可以突出显示行、列、对数据进行排序等等。

您应该熟悉的另外 20 个出色的 AJAX 效果

14。 jQuery 复选框

jQuery 复选框为表单中的复选框字段添加了一些技巧。它增加了一个与iPhone界面非常相似的切换按钮,给出了非常有特色的开启或关闭。它的可用性非常好,动态皮肤可以即时打开或关闭。

您应该熟悉的另外 20 个出色的 AJAX 效果

15。 iCarousel

轮播是轮换图像或新闻报道等内容的好方法。 iCarousel 插件符合要求,是一个简单的小型脚本,提供各种配置选项和用法。新闻行情、照片轮播甚至广告轮播。

您应该熟悉的另外 20 个出色的 AJAX 效果

16。摩卡UI

MochaUI 是 JavaScript 框架 MooTools 的另一个 UI 库。 MochaUI 本质上为网站、表单和小部件构建了完整的用户界面。它包括文件浏览器、窗口大小调整器、面板布局、选项卡式布局等等。

您应该熟悉的另外 20 个出色的 AJAX 效果

17。 j提示

jTip 是一个简单的概念,但对于改进悬停提示功能非常有效。基于 jQuery,jTip 只是在页面上的预配置链接中添加了一个优雅的悬停框,所有这些都借助一些 Ajax。

您应该熟悉的另外 20 个出色的 AJAX 效果

18.统一格式

表单多年来一直是许多 Web 开发人员的烦恼,而 Ajax 等技术极大地改善了用户体验。使用 Ajax,您可以实时处理表单、验证它们并发送响应,而无需重新加载页面。 Uni-Form 是一个小型 Ajax 脚本,它是一个插件播放概念,试图使用 XHTML 标准化表单标记并对表单进行模块化,以便可以轻松添加或删除单个元素。

您应该熟悉的另外 20 个出色的 AJAX 效果

19。验证提示

验证提示是一个有助于表单验证的简单脚本。它确保密码和用户名字段具有指定的长度,甚至可以根据正则表达式进行验证。小巧方便。

您应该熟悉的另外 20 个出色的 AJAX 效果

20。控制选项卡

控制选项卡(强大的 LivePipe UI 的一部分)是一个很棒的脚本,它提供了许多不同的方法来配置页面上的选项卡。您可以使用标准的选项卡式界面,甚至也可以使用图像之类的东西来显示选项卡。 Control Tabs 是一个强大的脚本,甚至还有一个可用于微调选项卡式界面的 API。

您应该熟悉的另外 20 个出色的 AJAX 效果

以上是您应该熟悉的另外 20 个出色的 AJAX 效果的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn