使用 endeffect 选项进行拖放

说明

此选项用于定义可拖动元素停止拖动时使用的效果。

默认情况下，它会在 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>

这将产生以下结果 −

scriptaculous_drag_drop.html