script.aculo.us - Opacity 不透明度效果
描述
此效果会逐渐将元素的不透明度更改为给定级别。您可以使用此元素显示或隐藏元素。
除非定义了"from"选项，否则此效果从元素的当前不透明度开始，并以"to"选项定义的不透明度结束，默认为 1.0。
语法
您可以使用以下两种形式之一来使用此效果:
new Effect.Opacity('id_of_element', [options]);
或
new Effect.Opacity(element, [options]);
效果特定参数
此效果除了通用参数外没有任何其他参数。
示例
<html>
<head>
<title>script.aculo.us examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script type = "text/javascript" src = "/javascript/scriptaculous.js?load = effects" ></script>
<script type = "text/javascript">
function ShowEffect(element){
new Effect.Opacity(element, {duration:1, from:0, to:1.0});
}
function HideEffect(element){
new Effect.Opacity(element, {duration:1, from:1.0, to:0});
}
</script>
</head>
<body>
<div onclick = "ShowEffect('hideshow')">
Click me to see the line!
</div>
<br />
<div onclick = "HideEffect('hideshow')">
Click me to hide the line!
</div>
<br />
<div id = "hideshow">
LINE TO HIDE AND TO SHOW
</div>.
</body>
</html>
这将产生以下结果 −
scriptaculous_effects.html
