拖放及魅影選項

說明

此選項用於確定是否應該克隆可拖動項以進行拖動，讓原件待在原地，直到克隆項被放下。預設為否。

當魅影設定為真時，拖動操作似乎將原始目標元素留在原處，而元素的半透明版本會被拖動。

語法

以下是使用魅影選項的簡單語法。

new Draggable('element', {ghosting: true or false });

示例

現場演示

<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', {ghosting:true});
         }
      </script>
   </head>

   <body>
      <p>Try to drag following image and see how it leaves it
         original image at its place. Later change ghosting to false
         and repeat the exercise</p>
      <img id = "myimage" src = "/images/scriptaculous.gif"/>
   </body>
</html>

將產生以下結果 −

scriptaculous_drag_drop.htm

列印頁面