Script.Aculo.Us开发系列(一):起步

核心提示：Script.Aculo.Us 开发系列是我最近的一些新的发现，在这个系列中，Script.Aculo.Us开发系列(一):起步，我将会和大家一起分享自己在Script.Aculo.Us中的开发经验,由于目前中文的相关资料还很少,希望能尽绵薄之力吧,欢迎大家参与讨论.现在开始Script.Aculo.Us框架是基于Pr

Script.Aculo.Us 开发系列是我最近的一些新的发现，在这个系列中，我将会和大家一起分享自己在Script.Aculo.Us中的开发经验,由于目前中文的相关资料还很少,希望能尽绵薄之力吧,欢迎大家参与讨论.

现在开始

Script.Aculo.Us框架是基于Prototype框架的一个非常优秀的开源Ajax框架,如果对Prototype框架还不是很了解.可以参考我的Prototype1.5.0 APIs这篇文章,在这篇文章里,我翻译了1.5.0版本的官方文档,还做了一个简单的API搜索,希望能对你的开发有些益处.

Script.Aculo.Us里面封装了许多控件:大家常见的AotuComplete,Accordion,Slider等,很多的动画效果,还有拖拽,你只需要简单的几行代码就可以实现上面的效果.

顺便提下,框架的名字有些奇怪,其实就是因为他们的官方网站就是Http://Script.Aculo.Us,和Prototype一样,MIT的人才们的杰作.所以要开始起步的话自然是县到官方网站了去下载最新版本的代码了,下载完的代码解压会有lib,src,test文件夹和一些没有后缀的文件夹,lib文件夹中会有支持当前版本的Prototype.js,src文件夹中会有7个js的文件,将上述的8个js文件提取,放在你的项目中,就一切OK了.引用到文件中的方法

<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="lib/scriptaculous.js?load=effects,controls"></script>

在路径后面load=effects,controls意思是只加载effects.js和controls.js两个文件,这样,用不到的模块就不会加载,节省了网络流量,如果不添加load,默认的会加载builder,effects,dragdrop,controls,slider5个文件,也可以直接每个文件单独加载js文件,如: