【问题标题】:Frame with adjustable width and height using mouse cursor使用鼠标光标可调节宽度和高度的框架
【发布时间】:2013-07-16 02:18:00
【问题描述】:

我不知道在哪里问这个,所以我已经包含了 html、web 和 css 类别(我认为它是 css,尽管我可能会找错树)。基本上我正在尝试创建一个 html 页面,其标题永远不会改变(不可调整),但内容区域由一个具有搜索选项的左框架(或 div 也许?)组成,并且右区域也分为两行显示搜索结果。 CSS是我想要创建的方式吗?我附上了一张图片作为参考。

http://imgur.com/If6RC3T

如果 CSS 是正确的方法,有人可以指导我应该如何开始吗?

【问题讨论】:

  • 你考虑过Jquery resizable 方法吗?您可以声明起始大小/形状,但可以调整大小。 jqueryui.com/resizable

标签: javascript jquery html css dynamic-html


【解决方案1】:

有一个叫jqlayout的框架,例子http://layout.jquery-dev.net/demos/simple.html

你可以玩这个。

插件页面http://layout.jquery-dev.net/demos.cfm

【讨论】:

  • 先生也为您竖起大拇指!这是我应该走的路线,也是您推荐的路线吗?这似乎提供了我需要的一切。还有其他我应该查找的替代方案吗?
  • 是的,这个最适合你,你可以调整框架,或者冻结框架,你可以将任何页面加载到框架中,甚至可以使用iframe。我的项目工作正常。
【解决方案2】:

恐怕使用纯 .css 无法实现拖动功能,您需要一些 jquery 参与。我的问题是,为什么你需要这些区域是可拖动的?我问是因为也许有不同的解决方案,而您却被困在这个解决方案上。

【讨论】:

  • 哦,jqeury 是我应该看的地方吗?我目前仍在纸上设计网站。 jquery的其他替代品是什么?先生也为您竖起大拇指!
猜你喜欢
  • 2014-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多