scriptaculous.jsのエフェクト(Highlight)使用方法

LINEで送る
Pocket

scriptaculous.jsのエフェクト(Highlight)使用方法JavaScriptライブラリ・scriptaculousのエフェクトの使用方法。

参考url:

http://www.openspc2.org/JavaScript/Ajax/ref/script.aculo.us/ver1.8.1/index.html

まずは、HTMLエレメント。

<div id="resultMsgs">完了しました。</div>

次に、JavaScript。

<script type="text/javascript">
<!--

function execEffect() {
    new Effect.Highlight("resultMsgs", {duration:1.2});
}
Event.observe(window, "load", function(){execEffect();}, false);

// -->
</script>

duration:はハイライトさせる時間(秒数指定)。

値を変える事により、ハイライトする時間が変化する。
以上、簡単なメモ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA