エンドエフェクトオプションを使用したドラッグアンドドロップ

説明

このオプションは、ドラッグ可能がドラッグを停止するときに使用する効果を定義するために使用されます。

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

構文

new Draggable('element', {endeffect: '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:null,
                  endeffect: function(element){
                     new Effect.Opacity(element, {from:0, to:1.0, duration:10} )
                  }
               }
            );
         }
      </script>
   </head>

   <body>
      <p>Drag the image and leave it to see the result:;</p>
      <img id = "myimage" src = "/images/scriptaculous.gif"/>
   </body>
</html>

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

Script.aculo.us-scriptaculous-endeffect-example

エンドエフェクトオプションを使用したドラッグアンドドロップ

説明

構文

例

目次