拖放与onEnd选项

说明

此回调函数在拖放完成前调用。

语法

new Draggable('element', {onEnd: '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', { 
                  onEnd : function(){
                     new Effect.Opacity('myimage', {from:0, to:1.0, duration:10});
                  }
               }
            );
         }
      </script>
   </head>
   
   <body>
      <p>When you stop dragging it becomes disappear momentarily.</p>
      <img id = "myimage" src = "/images/scriptaculous.gif"/>
   </body>
</html>

这将产生以下结果 −

scriptaculous_drag_drop.htm

打印页面

上一个

下一个