如何实现拖动修改网页中div模块大小

使用angularJS框架 通过拖动两个相邻div模块边界改变两者大小

程序说明
其中用到的鼠标捕获、清除选择等,在拖放效果中有说明的这里就略过。下面以SimpleResize为例说一下基本原理。
【程序原理】
程序需要用Set来添加触发对象(就是用来拖拉的对象,详细看使用说明),主要是设置mousedown事件来触发Start程序开始缩放。
Start程序主要用来设置缩放程序_fun和缩放需要的参数,最后设置mousemove事件触发Resize程序进行缩放,mouseup事件中执行取消缩放Stop程序。
Resize程序的任务是执行缩放程序_fun和设置整理后的样式,这里为了简化程序样式是全部一起设置的,这样程序的注意流程就完成了。
ps:设置样式的值必须是大于0的数,否则ie会报错。
拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。
这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放。
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-06-12
这里有一个拖动边框改变大小的效果
里面有代码和教程
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?4=k&id=11017本回答被网友采纳
相似回答