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

Posted by admin | JavaScript | 月曜日 10 3月 2008 4:15 PM

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

【サイト内の関連記事】





コメントはまだありません »

コメントはまだありません。

このコメント欄の RSS フィード TrackBack URI

コメントをどうぞ