使用 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
