资讯频道 → Web前端
阅读更多

58顶
0踩

Web前端

原创新闻 70个新鲜实用的JavaScript和Ajax技术（下）

2009-03-16 14:55 by 副主编 zly06 评论(10) 有28909人浏览
Ajax JavaScript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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

 

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

imgPreview是一个jQuery 插件，可以让用户在点击链接前对图像进行预览。 如果图片已经被点击过，当再次悬浮的时候，就会即时出现，因为已经加载过。

 

用来查看网页中内嵌的照片和图像的完整大小图片，而不需要单独的网页加载。
Fancyzoom主要为用户提供一个简洁实用的图片展示过程。

 

这是一个不错的JavaScript做的图片展示，不需要使用Flash，可以随便的挑选局部放大，并且还可以分页。

 

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

让您创建一个form，允许用户上传多个文件

 

FancyUpload是一个采用Flash与Ajax（MooTools）技术实现包含上传进度条的多文件上传组件，类似于SWFUpload。

 

UploadForm基于ext开发的文件上传组件。可以把多个文件添加到上传队列里面，也可以从队列里面移除不需要的文件，或都清空整个队列。

 


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

一个独立的控件，拥有自动填充功能。

创建一个google推荐的filter，使用自动填充控制。

 

帮助页面用户的文本框输入， 显示提示信息

 

 

11.Lightbox：实例和演示

 

高可配置性的具有幻灯片功能Javascript库

Sexy Lightbox 2是一个精美的Lightbox克隆，不过它更小巧。 支持显示图片和HTML元素，并且完全兼容HTML， 也就是说它可以显示条目，页面，视频和所有其它你想要显示的东西。

 

一个jQuery插件，拥有许多强大的功能：自动调整，以适应图像的窗口；一个不错的阴影缩放效果；可通过自定义设置和CSS，内嵌内容显示等……

 


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

 


12.Form：实例和演示

FancyForm是一个基于mootools的强大选择框脚本，它为选择框提供最大的灵活性用来替找HTML原来面貌和功能的表单元素。其使用简单，且支持各大主流浏览器。

 

本教程可以帮助您在您选择的form上添加css类和默认值。

Form.Check是一个方便你处理客户端表单校验的MooTools插件。

 

fValidator是一个用于处理表单校验的JavaScript工具。

 


这个脚本增强了表单元素包括：单选按钮，复选框，文件上传，文本，文本框，图像，还有选择，提交和重置按钮。

 

13.Table：实例和演示

TableGear将获得的数据存入一个网页，它处理提交的数据都来自于AJAX的调用和传递，并将数据传回应用程序。

 

这是一个能够将标准Table转换成可排序Grid的JavaScript程序。它能够自动识别每列的数据类型，指定需要排序的列。

 

DrasticGrid 是一个以Ajax 为基础的可编辑DataGrid


sorttable 是一个js库用来对表格做排序，使用超级简单

 


14.Worth Checking Out:实例和演示

 

提供了一个字体的解决方案，你能使用任何字体显示，不管客户端是否安装了这种字体，且不使用Flash。

 


Starbox 可以帮助你很容易地建立各种各样的星形评分条。它基于prototype 框架，还可以简单地通过定制CSS 样式文件来改变默认和悬停时星星的颜色。


jQuery Alert Dialogs模拟了alert、confirm、prompt的效果，这样在IE上prompt不再出现烦人的阻挡讯息。

 

这个地图尽可能使用平滑的动态效果和清晰的图像。

 

这是一个用于让图片产生淡入淡出效果的jQuery插件。

此教程详细的说明了如何使用script.aculo.us来实现改变透明度的效果。

 

在这个指南中，您将会了解如何添加一些惊人的效果，鼠标悬停和鼠标离开时的效果。

 

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


 

15.Ajax：实例和演示

这个实例可以告诉您如何验证用户名的是否可用。


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


Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。

 

一个很炫的MooTools效果：点击任何Fx.Explode的元素，将会关闭屏幕。再次点击，又会奇迹般的重新出现。

 

了解如何在WordPress中创建这样的效果，当你单击删除文件是，该菜单项将会变为红色然后消失，这里将告诉您如何使用MooTools JavaScript实现这一功能。

 


  • 大小: 23.5 KB
  • 大小: 18.5 KB
  • 大小: 31.4 KB
  • 大小: 15.9 KB
  • 大小: 11.5 KB
  • 大小: 22.9 KB
  • 大小: 21.7 KB
  • 大小: 19.8 KB
  • 大小: 20.6 KB
  • 大小: 21.3 KB
  • 大小: 17.5 KB
  • 大小: 24.3 KB
  • 大小: 18.1 KB
  • 大小: 27.9 KB
  • 大小: 11.7 KB
  • 大小: 6.2 KB
  • 大小: 14.8 KB
  • 大小: 17.5 KB
  • 大小: 12.5 KB
  • 大小: 9.2 KB
  • 大小: 15.6 KB
  • 大小: 31.3 KB
  • 大小: 39.8 KB
  • 大小: 27.6 KB
  • 大小: 14.2 KB
  • 大小: 13.6 KB
  • 大小: 9.8 KB
  • 大小: 24.4 KB
  • 大小: 52.3 KB
  • 大小: 9.5 KB
  • 大小: 8.1 KB
  • 大小: 27 KB
  • 大小: 46.5 KB
  • 大小: 12.4 KB
  • 大小: 29.5 KB
  • 大小: 26.9 KB
  • 大小: 22.1 KB
  • 大小: 24.1 KB
58
顶
0
踩
评论 共 10 条 请登录后发表评论
10 楼 javajava2012 2010-12-08 10:15
9 楼 robin2lyl 2009-04-27 11:22
NB,收藏
8 楼 家有小白519 2009-03-18 15:33
7 楼 yanchao.1003 2009-03-18 13:37
很好、很强大
6 楼 loamy 2009-03-17 20:33
真的不错，收藏了
5 楼 littlealex 2009-03-17 16:22
4 楼 coofucoo 2009-03-17 11:00
  非常好！
3 楼 flyfan 2009-03-17 09:15
值得收藏,字数补丁
2 楼 whaosoft 2009-03-17 08:58
呃 我ext用的还行~! 你提供的这70个还不错
1 楼 brofe 2009-03-16 19:43
很实用哦。 收了。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 系统文件shell32.dll中的图标

    系统文件 shell32.dll 中的全部图标.

  • shell32.dll 的图标清单

    shell32.dll 的图标对应的清单

  • 把图标存储在SHELL32.DLL (转)

    把图标存储在SHELL32.DLL (转)[@more@]uses windows, Messages, SysUtils, Classes, Graphics, Controls, Forms,shellapi,Dialo...

  • 从 Shell32.dll 中载入图标

    HICON hIcons[256];HINSTANCE hShell32 = LoadLibrary(_T("Shell32.dll"));for (int i = 0; i < 256; ++i){ hIcons[i] = LoadIcon(hShell32, MAKEINTRESOURCE(i));}   很容易得到 Shell32.dll 中所有图标

  • 输出SHELL32.DLL的图标

    unit iconobject; interface uses   Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,   StdCtrls,shellapi,comobj, ComCtrls; type   TForm1 = class(TForm)     ListView1: TLis

  • Windows10系统Shell32中默认图标下载

    Windows10系统Shell32中默认图标,其中447种 x 5个图标(24x24,32x32,40x40,48x48,64x64),一共2235个图标

  • 输出SHELL32.DLL的图标 (转)

    输出SHELL32.DLL的图标 (转)[@more@]unit iconobject; interface uses windows, Messages, SysUtils, Classes, Graphics, ...

  • Hillary Clinton's Concession Speech

    Thank you , Thank you so much! Thank you , Thank you all very much! Thank you,Thank you all very much!... So let’s do all we can to keep advancing the causes and values we all hold dear.

  • 希拉里的退选演说(全文2)Hillary Clinton Endorsement Speech.doc

    希拉里的退选演说(全文2)Hillary Clinton Endorsement Speech.doc

  • 希拉里 克林顿 邮件 自然语言处理 Hillary Clinton's Emails

    希拉里克林顿的电子邮件，整理了近7,000页克林顿的电子邮件，用作机器学习自然语言处理的语料。

  • Hillary Filter-crx插件

    语言:English (United States) 从互联网上删除希拉里。

  • Hillary to She-Bill-crx插件

    语言:English 有人暗示希拉里和比尔·克林顿是同一个人吗？ 切掉中间人，然后自己更换 厌烦希拉里·克林顿的人实际上是比尔吗？ 认为他们是一回事吗？ 剪掉中间人，然后自己替换文本。 （请注意-如您所见，不会替换...

  • 使用Shell32.dll中的图标资源

    uses Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms,shellapi,Dialogs; type TForm1 = class(TForm) procedure FormCreate(Sender: TObject); procedure FormClose(Sender: TObje...

  • [导入]将图片资源文件整合到DLL文件中

    其实这样的想法早就有了，而且在FreeTextBox的后期版本里，使用了类似的方法，它是让所有的图片都成为一个独立的资源请求，就是说，所有的图片都由一个Header来处理，这样就让图片更加紧密的与应用程序融合在一起了。而它还只是用了Header来处理图片请求，而实际的图片还是在文件夹里。 其实我们可以把图片当成资源文件加在DLL文件里。首先在项目里添加一个资源文件夹(Resource)，然后在里...

  • I'm Killton. Hillary Killton-crx插件

    语言:English (United States) 将此应用添加到您的Chrome浏览器中，然后将所有“克林顿”实例替换为“基尔顿”。 将此应用添加到您的Chrome浏览器中，然后将所有“克林顿”实例替换为“基尔顿”。

  • 希拉里过滤器「Hillary Filter」-crx插件

    从互联网上删除希拉里。 支持语言:English (United States)

Global site tag (gtag.js) - Google Analytics