【问题标题】:How can I create a DIV element that is re-sizable by mouse drag如何创建可通过鼠标拖动重新调整大小的 DIV 元素
【发布时间】:2015-01-22 19:06:13
【问题描述】:

我正在学习 HTML5 和 Bootstrap,我有我的父容器(流体),里面有 3 个 div,我总是使用引导类的代码(col-md/xs/sm/lg)来显示 UI 应该如何用于不同的门户 但是如何使用鼠标在其边界上拖动来动态地重新调整这些 div 的大小?我的意思是像放大图像。

另外,通过增加一个 div 的大小,其他两个应该在容器内动态地重新调整自己的大小。

有没有可以下载的JS代码?有什么可以帮助我学习的吗?

【问题讨论】:

  • 你必须表明你已经试图弄清楚你想要做什么。可能有很多不同的方法可以做到这一点。
  • 要调整 div 的大小,您必须使用 div 元素创建 div 的边框,并在边框 div 元素上应用拖动,并据此增加宽度和高度

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

如果您希望它开箱即用,您可以尝试使用 RightJS UI 的 Resizable 组件。

毕竟,纯 JavaScript 中的自定义实现相当简单:How to make HTML element resizable using pure javascript?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-05
    • 1970-01-01
    • 2013-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-15
    相关资源
    最近更新 更多