Scriptaculous教程.pdfVIP

Scriptaculous教程 Scriptaculous是一个建立在Prototype基础之上的Javascript库，它可以增强网页界面效果， 提供给用户更丰富的Web2.0体验。 其主要功能包括网页特效，拖放，排序，滑块，即时编辑，智能完成等。 通过Scriptaculous，我们只需要简单的几行代码，就可以创建绚丽的动态效果。 什么是Scriptaculous 首次接触Scriptaculous吗？ 在这一章里你将了解什么是Scriptaculous,如何将它安装到你的页面中，以及简单的使用。 做好这一步，我们就可以开始下面激动人心的Scriptaculous之旅了。 什么是Script.aculo.us Script.aculo.us是一个建立在prototype基础之上的javascript 库，它可以给增强网页界面效 果，提供给用户更丰富的Web2.0体验。 是由 编写的，最初版本是在 年 月发布的。 script.aculo.us ThomasFuchs 2005 5 Script.aculo.us通过操纵DOM来提供绚丽的动态视觉效果和其他强大的功能。 说明：Prototype是一个javascript框架，可以参看前面的prototype教程。 如何安装Script.aculo.us 为了使用Script.aculo.us,只需要做一点非常简单的工作，按照如下三个非常简单的步骤来做： 1. 到Script.aculo.us主页下载所需的最新版本的压缩代码包 2. 解压缩刚下载的代码包，你将发现如下的文件： lib: 包含prototype.js文件 src: 包含8个文件： 1.builder.js 2.controls.js 3.dragdrop.js 4.effects.js 5.scriptaculous.js 6.slider.js 7.sound.js 8.unittest.js test: 包含测试文件 changelog：包含所有版本的变更记录 MIT-LICENSE: 包含版权说明 README: 包含安装指导说明 3. 现在把如下文件放在网站指定的文件夹下，例如javascript文件夹： builder.js controls.js dragdrop.js effects.js scriptaculous.js slider.js prototype.js 注意：sound.js和unittest.js文件是可选的 如何使用Script.aculo.us 现在你可以像下面一样包含script.aculo.us脚本： html head titlescript.aculo.usexamples/title scripttype=text/javascript src=/javascript/prototype.js/script scripttype=text/javascript src=/javascript/scriptaculous.js/script /head body /body /html 缺省情况下，scriptaculous.js将加载所有的script.aculo.us功能模块，包括：特效，拖放，滑 动条等。 如果你不需要所有的功能，你可以通过指定一个由逗号分隔的需要加载的模块名称列表，就 可以只加载需要的模块。例如： html head titlescript.aculo.usexamples/title scripttype=text/javascript src=/javascript/prototype.js/script scripttype=text/javascript src=/javascript/scriptaculous.js?load=effects,dragdrop /script /head body /body /html 可以特别指定的模块名称包括： .effects .dragdrop .builder .controls .slider 注意：有些模块在加载的时候，需要其他的模块一同加载才可以正常使用,在学习到具体模 块的时候，我们会详细讲解。 如何调用Script.aculo.us函数