javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript" src="/js/scriptaculous.js"></script> <script type="text/javascript"> <!-- function execute() { new Effect.SlideDown("container", { from:1.0, // 開始時透明度 to:0.0, // 終了時透明度 // delay:0, // 開始までの秒数 fps:60, // フレームレート duration: 2, // アニメーションする時間(秒) beforeStartInternal: function(effect) { alert('start'); }, afterFinishInternal: function(effect) { alert('end'); } }); } //--> </script> <body> <div id="container" style="width:300px;height:300px;background-color:red;display:none"> <div>test</div> </div> <button onclick="execute()">サンプル実行</button> </body>
スクリプト実行結果が表示されます。