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


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:はハイライトさせる時間(秒数指定)。
値を変える事により、ハイライトする時間が変化する。
以上、簡単なメモ。

関連する記事はありませんでした...

コメントを残す

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

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>