0

好的，所以我从字面上完全用 CSS3 制作了一个“我的电脑”窗口。我要完成它，我想做的就是移动它并使窗口重新调整大小。

有些子类只想调整宽度，有些想调整宽度和高度。这似乎是一项艰巨的任务，而我实际上更关心 div 的移动。我已经尝试了几次，但我就是无法让它工作！

有人可以帮助我吗？也许它工作的JFiddle？我很感激伙计们！

编辑：这是网站，对不起！：

http://projects.beauaugust.co.uk/windows98/

查看源代码，一切尽在其中！

4

4 回答 4

2

你看过http://jqueryui.com/demos/resizable/和http://jqueryui.com/demos/draggable/吗？我想你可以在这两者和一些自定义代码之间获得你想要的功能。

我只是在 jfiddle 上查看了您的代码并将其放入：

$(function() {
    $( ".window" ).draggable().resizable();
});

这很好地使它可以拖动。它也在一定程度上调整了大小。为了更好地调整大小，最好为窗口的子元素提供相对大小（如 100%）而不是像素大小。

我希望这会有所帮助。如果有，请标记为答案。

于 2011-03-26T22:44:37.037 回答
1

您可以考虑将接口元素与 JQuery 一起使用

这是演示列表。

特别是你可能想看看这个

接口插件中的其他东西也可以像这个一样为您提供帮助（何时实现滚动）

但是可以玩一下 JQuery 的接口插件。在我看来这非常有用。

于 2011-03-26T22:55:56.310 回答
0

在http://jsfiddle.net/Sc2Qm/1/检查工作示例

目前可调整大小只会.window根据您的 html 和 CSS 布局方式来调整大小。

于 2011-03-26T23:07:10.220 回答
0

我和罗伯特在一起。我不确定 CSS 是否有能力使事情变得动态。在这种情况下，解决方案是 Javascript 或建议的（更简单的）jquery。

我可能弄错了，但我认为为了让 javascript（也可能是 jquery）准确指出您希望能够做什么，您需要使用“id”属性。

<div class="window" id="window_main">

然后当你使用jquery函数时，你可以将拖动质量应用到“window_main”。

希望有帮助。

祝你好运！

于 2011-03-26T22:47:54.577 回答