starteffectオプションを使用したドラッグアンドドロップ

説明

このオプションは、ドラッグ可能オブジェクトのドラッグを開始するときに使用する効果を定義するために使用されます。

デフォルトでは、要素の不透明度を0.2秒で0.2に変更します。

構文

new Draggable('element', {starteffect: 'effectFunction'});

ここで、effectFunctionは適用される効果を定義する関数です。

例

<html>
   <head>
      <title>Draggables Elements</title>

      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      <script type = "text/javascript" src = "/javascript/scriptaculous.js"></script>

      <script type = "text/javascript">
         window.onload = function() {
            new Draggable('myimage', {starteffect: effectFunction('myimage')});
         }

         function effectFunction(element) {
            new Effect.Opacity(element, {from:0, to:1.0, duration:10});
         }
      </script>
   </head>

   <body>
      <p>This image will display very slow in the start.</p>
      <img id = "myimage" src = "/images/scriptaculous.gif"/>
   </body>
</html>

これにより、次の結果が生成されます–

Script.aculo.us-scriptaculous-starteffect-example

starteffectオプションを使用したドラッグアンドドロップ

説明

構文

例

目次