开始使用script.aculo.us

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>

5. 接下来

  • 去看看示范来看一下你要完成的事情,阅读wiki里的文件!建立杀手级的应用程式!