创建页面布局[关闭]答案

【问题标题】：Creating page layout [closed]创建页面布局[关闭]
【发布时间】：2012-10-22 01:58:11
【问题描述】：

我想准备几个模板。当用户选择一个时，布局必须改变。 http://imageshack.us/photo/my-images/163/layoutselection.png/

我怎样才能用 javascript 做到这一点？它还必须是响应式的。

任何人都可以发送示例或示例代码吗？

【问题讨论】：

你来错地方了哥们
你在这里会遇到问题 - 这不是一个问题，而是“请为我做我的工作”。你需要自己学习一些关于 JS 是如何工作的东西，找到一些例子，看看它们是如何完成的，然后如果你有一些真正的问题。
因为这是一个可以为您自己编写的代码寻求帮助的地方。而不是让其他人为您做这件事。
来吧伙计们，这还不错。

【解决方案1】：

响应式设计并不容易，有人可以给你一个样板代码。

您需要定义您面临的问题：

您有一个带有固定标记的网页，并且您只想通过 javascript 更改其布局？

你的标记是什么，你的css默认是什么？

页面的多少部分应该“移动”？哪种情况下哪个去哪儿？

例如：为布局 6 和 7（在链接图像上）订购相同的标记有点困难，因为在布局 6 中页面有 2 个部分，而在布局 7 中有 5 个部分。

告诉我们你以前做过什么：

你有设计吗？您是否只是在研究该主题而尚未找到好的示例？您的项目有问题吗？

我的印象是你并不真正知道你想要什么以及你有什么选择。

所以我建议你阅读这篇关于响应式设计的文章。它是什么以及它是如何完成的。

【讨论】：

感谢您的回复，我有 10 种不同的布局：#container { width: 800px;填充：0px；边距：0px；左边距：自动；边距右：自动； } #outer { 左边框：solid 200px #EBD3E0;背景颜色：#ffffff； } #inner {边距：0 px;宽度：100%； } #content { 位置：相对；边距：0px；现在我也可以使用 javascipt 示例代码创建它们： $("
").attr("id","myDivID").css({"position":"absolute", "width":"300px" , "height":"300px","border":"solid 1px red" }).appendTo("body");
因为我想做拖放功能。我想通过拖放将 2 或 3 个小列 div 添加到布局中。因此，他们也必须做出响应。我将阅读有关响应式设计的文档。谢谢大家
如果你喜欢我的回答，你应该考虑支持或接受它。