欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

70个新鲜实用的JavaScript和Ajax技术(下)

程序员文章站 2022-05-17 12:02:16
...

随着互联网的不断发展,网页的制作也充满了活力,开发者使用各种各样的技术使网页变得更加丰富,我们将为你推荐70个新鲜实用的JavaScript和Ajax技术。这是本文的第二部分,第一部分:70个新鲜实用的JavaScript和Ajax技术(上)

 

8.预览图像:实例和演示

imgPreview是一个jQuery 插件,可以让用户在点击链接前对图像进行预览。 如果图片已经被点击过,当再次悬浮的时候,就会即时出现,因为已经加载过。
70个新鲜实用的JavaScript和Ajax技术(下)
 

用来查看网页中内嵌的照片和图像的完整大小图片,而不需要单独的网页加载。
Fancyzoom主要为用户提供一个简洁实用的图片展示过程。
70个新鲜实用的JavaScript和Ajax技术(下)
 

这是一个不错的JavaScript做的图片展示,不需要使用Flash,可以随便的挑选局部放大,并且还可以分页。
70个新鲜实用的JavaScript和Ajax技术(下)
 

9.文件上传:实例和演示

让您创建一个form,允许用户上传多个文件
70个新鲜实用的JavaScript和Ajax技术(下)
 

FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。
70个新鲜实用的JavaScript和Ajax技术(下)
 

UploadForm基于ext开发的文件上传组件。可以把多个文件添加到上传队列里面,也可以从队列里面移除不需要的文件,或都清空整个队列。
70个新鲜实用的JavaScript和Ajax技术(下)
 


10.自动填充:实例和演示

一个独立的控件,拥有自动填充功能。
70个新鲜实用的JavaScript和Ajax技术(下)

创建一个google推荐的filter,使用自动填充控制。
70个新鲜实用的JavaScript和Ajax技术(下)
 

帮助页面用户的文本框输入, 显示提示信息
70个新鲜实用的JavaScript和Ajax技术(下)
 

 

11.Lightbox:实例和演示

 

高可配置性的具有幻灯片功能Javascript库
70个新鲜实用的JavaScript和Ajax技术(下)

Sexy Lightbox 2是一个精美的Lightbox克隆,不过它更小巧。 支持显示图片和HTML元素,并且完全兼容HTML, 也就是说它可以显示条目,页面,视频和所有其它你想要显示的东西。
70个新鲜实用的JavaScript和Ajax技术(下)
 

一个jQuery插件,拥有许多强大的功能:自动调整,以适应图像的窗口;一个不错的阴影缩放效果;可通过自定义设置和CSS,内嵌内容显示等……
70个新鲜实用的JavaScript和Ajax技术(下)
 


LightWindow 是一个高度可配置支持任何媒体显示的Lightbox灯箱效果,基于Prototype & script.aculo.us创建。它可以支持任何媒体内容显示,包括Flash, Quicktime, Youtube视频或者是一个外部网页。另外,它还拥有Gallery功能支持,模态窗口可定制的位置和自动调整大小以适合内容。
70个新鲜实用的JavaScript和Ajax技术(下)
 


12.Form:实例和演示

FancyForm是一个基于mootools的强大选择框脚本,它为选择框提供最大的灵活性用来替找HTML原来面貌和功能的表单元素。其使用简单,且支持各大主流浏览器。
70个新鲜实用的JavaScript和Ajax技术(下)
 

本教程可以帮助您在您选择的form上添加css类和默认值。
70个新鲜实用的JavaScript和Ajax技术(下)

Form.Check是一个方便你处理客户端表单校验的MooTools插件。
70个新鲜实用的JavaScript和Ajax技术(下)
 

fValidator是一个用于处理表单校验的JavaScript工具。
70个新鲜实用的JavaScript和Ajax技术(下)
 


70个新鲜实用的JavaScript和Ajax技术(下)

这个脚本增强了表单元素包括:单选按钮,复选框,文件上传,文本,文本框,图像,还有选择,提交和重置按钮。
70个新鲜实用的JavaScript和Ajax技术(下)
 

13.Table:实例和演示

TableGear将获得的数据存入一个网页,它处理提交的数据都来自于AJAX的调用和传递,并将数据传回应用程序。
70个新鲜实用的JavaScript和Ajax技术(下)
 

这是一个能够将标准Table转换成可排序Grid的JavaScript程序。它能够自动识别每列的数据类型,指定需要排序的列。
70个新鲜实用的JavaScript和Ajax技术(下)
 

DrasticGrid 是一个以Ajax 为基础的可编辑DataGrid
70个新鲜实用的JavaScript和Ajax技术(下)


sorttable 是一个js库用来对表格做排序,使用超级简单
70个新鲜实用的JavaScript和Ajax技术(下)
 


14.Worth Checking Out:实例和演示

 

提供了一个字体的解决方案,你能使用任何字体显示,不管客户端是否安装了这种字体,且不使用Flash。
70个新鲜实用的JavaScript和Ajax技术(下)
 


70个新鲜实用的JavaScript和Ajax技术(下)

Starbox 可以帮助你很容易地建立各种各样的星形评分条。它基于prototype 框架,还可以简单地通过定制CSS 样式文件来改变默认和悬停时星星的颜色。
70个新鲜实用的JavaScript和Ajax技术(下)


jQuery Alert Dialogs模拟了alert、confirm、prompt的效果,这样在IE上prompt不再出现烦人的阻挡讯息。
70个新鲜实用的JavaScript和Ajax技术(下)
 

这个地图尽可能使用平滑的动态效果和清晰的图像。
70个新鲜实用的JavaScript和Ajax技术(下)
 

这是一个用于让图片产生淡入淡出效果的jQuery插件。70个新鲜实用的JavaScript和Ajax技术(下)

此教程详细的说明了如何使用script.aculo.us来实现改变透明度的效果。
70个新鲜实用的JavaScript和Ajax技术(下)
 

在这个指南中,您将会了解如何添加一些惊人的效果,鼠标悬停和鼠标离开时的效果。
70个新鲜实用的JavaScript和Ajax技术(下)

 

这是一个可定制的jQuery editable plugin。当前它能够将任意不可编辑的标签(span、div、p...等)转换成可编辑的text input、password、textarea、下拉列表(drop-down list)等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。

70个新鲜实用的JavaScript和Ajax技术(下)
 

15.Ajax:实例和演示

这个实例可以告诉您如何验证用户名的是否可用。
70个新鲜实用的JavaScript和Ajax技术(下)


它是一个jQuery插件,能够将一个页面中的所有链接转换成Ajax加载和提交请求。

70个新鲜实用的JavaScript和Ajax技术(下)

Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外,可以使用任何元素(图片,文字,按纽等)来触发文件选择窗口。
70个新鲜实用的JavaScript和Ajax技术(下)

 

一个很炫的MooTools效果:点击任何Fx.Explode的元素,将会关闭屏幕。再次点击,又会奇迹般的重新出现。
70个新鲜实用的JavaScript和Ajax技术(下)

 

了解如何在WordPress中创建这样的效果,当你单击删除文件是,该菜单项将会变为红色然后消失,这里将告诉您如何使用MooTools JavaScript实现这一功能。
70个新鲜实用的JavaScript和Ajax技术(下)
 


相关标签: Ajax JavaScript