script.aculo.us效果分为两组-

核心效应

以下六个核心效果是script.aculo.us视觉效果JavaScript库的基础。

• 效果不透明度

• 效果量表

• 效果变形

• 效果移动

• 效果突出

• 效果平行

所有核心效果都支持各种通用参数以及效果特定的参数，并且这些效果名称区分大小写。

本教程中已经讨论了所有特定于效果的通用参数以及效果。

组合效应

所有组合效果均基于五个核心效果，并被视为示例，可让您编写自己的效果。

通常，这些效果依赖于其他效果的并行，同步执行。这样的执行很容易实现，因此创建自己的组合效果非常容易。这是组合效果的列表-

• 效果出现

• 效果淡入

• 效果粉扑

• Effect.DropOut

• 效果摇

• 效果关闭

• Effect.BlindDown

• Effect.BlindUp

• Effect.SlideDown

• Effect.SlideUp

• 效果脉动

• 效果压缩

• 效果折叠

• 效果成长

• 效果缩小

此外，还有一个Effect.toggle实用程序方法，用于要使用外观/淡入淡出，幻灯片或盲动画临时显示的元素。

• 效果切换

效果所需的库文件

要使用script.aculo.us的效果功能，您将需要加载效果模块。因此，您对script.aculo.us的最小加载如下所示：

      
      
   
    
   
      ...
   

通话效果功能

启动核心效果的正确方法通常是使用new运算符。根据您的喜好，可以使用以下两种语法之一-

句法

new Effect.EffectName(element [, requiredArgs ] [ , options ] )
OR
element.visualEffect('EffectName' [, requiredArgs ] [,options])

这两种语法在技术上是等效的。两者之间的选择主要是关于您个人的代码美感。

例

这是两个等效的调用，因此您可以看到语法之间的关系，这些语法可以互换使用-

new Effect.Scale('title', 200, { scaleY: false, scaleContent: false });
OR
$('title' ).visualEffect('Scale', 200, { scaleY:false, scaleContent:false });