拖放與 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>

這將產生以下結果 −

scriptaculous_drag_drop.htm

列印頁面