1. 下载
到script.aculo.us 下载页面在方便的套件里抓自己最新的版本,按照那里的操作步骤,然后回来这里。
2. 安装
将prototype.js、scriptaculous.js、builder.js、effects.js、dragdrop.js、slider.js跟controls.js放在你的网站的一个资料夹,例如:/javascripts。
3. 连结到 script.aculo.us
在你文件的head部份连结到指令码:
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
预设scriptaculous.js会载入所有其他需要的javascript档案做效果、拖拉、滑块跟其它所有script.aculo.us的功能,假如你不需要所有的功能,你可以用逗号分隔的列表来指定要载入的指令码,例如:
<script src="scriptaculous.js?load=effects,dragdrop" type="text/javascript"></script>
指令码可以指定为:
- builder
- effects
- dragdrop
- controls
- slider
注意一些指令码需要其他的指令码载入才能有适当得功能。
4. 使用
要呼叫函式,使用HTML script的标签,定义他们的最好方法就像这样:
<script type="text/javascript" language="javascript">
// <![CDATA[
Effect.Appear('element_id');
// ]]>
</script>
用这种方法,你就不需担心在你的Java Script程式码中使用到像是< 跟 > 这样的字元,你也可以在事件处理器中使用效果:
<div onclick=”new Effect.SwitchOff(this)”>
Click here if you’ve seen enough.
</div>
假如你想玩得更巧妙,你可以传递额外的选项像’duration’、‘fps’ (frames per second)跟delay’给效果。
<div onclick=”new Effect.BlindUp(this, {duration: 16})”>
Click here if you want this to go slooooow.
</div>