script.aculo.us库是一个跨浏览器库，旨在改善网站的用户界面。在本文中，我们将演示多重效果。此效果用于将给定效果应用于页面上的多个元素。我们还可以调整效果的速度和延迟。
用法:
Effect.multiple( [element1, element2, element3, …], Effect, [options] )
或者
Effect.multiple( element, Effect, [options] )
选项：此方法在选项对象中具有两个参数，如下所述：
- 速度：它是一个浮点值，用于指定效果列表中每个效果的延迟偏移量。默认值为0.1秒。
- delay:它是一个浮点值，指定此效果的开始延迟。默认值为0.0秒。
为了演示此函数的使用，我们编写了一小段代码。在其中，我们编写了一个名为ShowEffect方法的小型JavaScript函数，该函数使用此库的Multiple方法。下面的示例演示了该方法。
范例1：
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js">
</script>
<script type="text/javascript">
function ShowEffect(element) {
// Using the multiple effect with
// the delay parameter
new Effect.multiple(element,
Effect.Fade, {
delay:3.0
});
}
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>script.aculo.us Multiple Effect</h2>
<button onclick="ShowEffect(
['geeks_1', 'geeks_2'])">
Click me to multiple
fade the lines!
</button>
<br><br>
<div id="geeks_1">
LINE ONE TO FADE
</div><br>
<div id="geeks_2">
LINE TWO TO FADE
</div>
</body>
</html>输出：
范例2：
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js">
</script>
<script type="text/javascript">
// Using the multiple effect with
// the speed parameter
function ShowEffect(element) {
new Effect.multiple(element,
Effect.SwitchOff, {
speed:1.0
});
}
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>script.aculo.us Multiple Effect</h2>
<button onclick="ShowEffect(
['geeks_1', 'geeks_2', 'geeks_3'])">
Click me to multiple fade the lines
</button>
<br><br>
<div id="geeks_1">
<div style="background-color:lightgreen;">
GeeksforGeeks
</div>
</div><br>
<div id="geeks_2">
<div style="background-color:orange;">
GeeksforGeeks
</div>
</div><br>
<div id="geeks_3">
<div style="background-color:lightblue;">
GeeksforGeeks
</div>
</div>
</body>
</html>输出：
相关用法
注：本文由纯净天空筛选整理自Jitender_1998大神的英文原创作品 script.aculo.us Multiple Effect。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。