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

使用angularJS框架通过拖动两个相邻div模块边界改变两者大小... 使用angularJS框架 通过拖动两个相邻div模块边界改变两者大小 展开
 我来答
知识猫头鹰
2016-02-02 · 选择大于努力,思路决定出路!
知识猫头鹰
采纳数:795 获赞数:3663

向TA提问 私信TA
展开全部
程序说明
其中用到的鼠标捕获、清除选择等,在拖放效果中有说明的这里就略过。下面以SimpleResize为例说一下基本原理。
【程序原理】
程序需要用Set来添加触发对象(就是用来拖拉的对象,详细看使用说明),主要是设置mousedown事件来触发Start程序开始缩放。
Start程序主要用来设置缩放程序_fun和缩放需要的参数,最后设置mousemove事件触发Resize程序进行缩放,mouseup事件中执行取消缩放Stop程序。
Resize程序的任务是执行缩放程序_fun和设置整理后的样式,这里为了简化程序样式是全部一起设置的,这样程序的注意流程就完成了。
ps:设置样式的值必须是大于0的数,否则ie会报错。
拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。
这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放。
匿名用户
2015-06-12
展开全部
这里有一个拖动边框改变大小的效果
里面有代码和教程
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?4=k&id=11017
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式