javascript - 如何模拟此 JavaScript 功能(可移动的 div 和保存的位置)

Question

我在网站上看到了一个我想模仿的功能。我有中级 php 技能，但我是 javascript 新手。该功能是显示在 div 中的网站内容，可以在屏幕上移动，并使用 cookie 保存其位置。这个网站:[url]www.nowgamer.com[/url] 是我看到它的地方(带有过滤器的最新播客、视频、评论等)

我将如何通过 javscript 来实现这一目标？我想知道如何将 javascript 与 cookie 连接起来，以便保存方形 div 的位置，以及每个 div 上内容过滤器的首选项。我怎样才能实现这个目标？

这是一项艰巨的任务吗？感谢您的帮助，我在业余时间独立从事这方面的工作，因此您的贡献和建议是我的生命线。

Answer 1

正如 Zoidberg 所评论的，使用 JQuery 或 Yui 或任何其他提供拖放功能的 javascript 库很容易。它们几乎很容易配置，请查看他们提供的演示。它们还公开某些事件，例如 beforeDrag、afterDrag、onDrop 等。 您可以在其中触发一个简单的 js 函数，检查元素的放置位置，并将其存储在 cookie 中。对于设置cookie，互联网上有大量的代码。

此外，如果您的 DOM div 将在页面周围 float ，您可能需要检查 float 绝对/相对定位 css。

祝你好运。