Script.aculo.us-scriptaculous-pulsate-effect
提供:Dev Guides
script.aculo.us-脈動効果
説明
Pulsateエフェクトは、ターゲット要素を不可視状態にフェードインし、完全な不透明度に5回戻します。
構文
この効果を使用するには、次の2つの形式のいずれかを使用できます-
new Effect.Pulsate('id_of_element', [options]);
OR
new Effect.Pulsate(element, [options]);
エフェクト固有のパラメーター
この効果には、link:/script.aculo.us/scriptaculous_common_parameters [common parameters]以外のパラメーターはありません。
例
<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 PulsateEffect(element){
new Effect.Pulsate(element, {duration:3});
}
</script>
</head>
<body>
<div id = "myimage" onclick = "PulsateEffect(this);">
<img src = "/images/scriptaculous.gif" alt = "script.aculo.us"/>
<h2>Click me to Pulsate me </h2>
</div>
</body>
</html>
これにより、次の結果が生成されます–