在第一次显示时，页面上有一个绝对居中的'HelpText元素（供访客阅读）。 可以缩小/最小化哪个onClick并将其重新放置在显示器的边缘。

<a href="#" onclick="$('helpWrapper').morph('width:100px;height:16px;position:absolute;'); new Effect.Move('helpWrapper',{ x:100,y:80,mode:'absolute'}); $('helpMinimised').appear({duration:3.0}); return false;">[ Minimise ]</a>

如果需要，访问者可以单击以重新放大并将元素移回原始位置。

<a href="#" onclick="$('helpWrapper').morph('width:480px;height:240px;position:absolute;'); new Effect.Move('helpWrapper',{ x:-600,y:+100,mode:'relative'}); $('helpMinimised').fade({duration:0.25 }); return false;">[ Maximise ]</a>

我现在需要使页面“ 响应”，但是脚本化的“移动”效果似乎只允许X和Y单位作为像素（而不是％s）。我应该使用更好/现代的图书馆吗？

使问题更糟/更有趣；）... 当元素处于放大尺寸时-我们要使其变为“ 可拖动”（以便访问者可以将其移到一边（而不是最小化））。 但是，如果然后将其“最小化”，则可以以某种方式保留该位置-以便在重新放大后返回到拖动的位置，而不是原始的“中心”位置？

PS-我们使用 jquery-ui.js 尝试了“可拖动” 非常简单-刚刚添加：

<script>
new Draggable('helpWrapper');
document.getElementById("helpWrapper").style.cursor = "move";
</script>

但是存在脚本错误-似乎存在冲突脚本-v- jquery-ui

PS2-我发现了这一点： Animate Element to right edge of the window using Jquery? 但这已经有5年了-我们想知道是否有更新的方法。