script.aculo.us - 视觉效果
script.aculo.us 效果分为两组 −
核心效果
以下六个核心效果是 script.aculo.us 视觉效果 JavaScript 库的基础。
所有核心效果都支持各种通用参数以及特定于效果的参数，并且这些效果名称区分大小写。
本教程已与效果一起讨论了所有特定于效果的通用参数。
组合效果
所有组合效果均基于五个核心效果，并被视为示例，以允许您编写自己的效果。
通常这些效果依赖于其他效果的并行、同步执行。这种执行随时可用，因此创建自己的组合效果非常容易。以下是组合效果的列表 −
此外，对于您想要使用"出现/淡入淡出"、"滑动"或"盲目"动画临时显示的元素，还有 Effect.toggle 实用方法。
效果所需的库文件
要使用 script.aculo.us 的效果功能，您需要加载效果模块。因此，script.aculo.us 的最低加载量将如下所示:
<html>
<head>
<title>script.aculo.us effects</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script type = "text/javascript" src = "/javascript/"effects.j"></script>
</head>
<body>
...
</body>
</html>
调用效果函数
启动核心效果的正确方法通常是使用 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 });
