如何通过鼠标拖动创建可重新调整大小的DIV元素

时间:2015-01-22 19:06:13

标签: javascript jquery html css twitter-bootstrap

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

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

我可以下载任何JS代码吗?有什么东西可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

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

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