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

电脑教程022

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

程序说明

其中用到的鼠标捕获、清除选择等,在拖放效果中有说明的这里就略过。下面以SimpleResize为例说一下基本原理。

【程序原理】

程序需要用Set来添加触发对象(就是用来拖拉的对象,详细看使用说明),主要是设置mousedown事件来触发Start程序开始缩放。

Start程序主要用来设置缩放程序_fun和缩放需要的参数,最后设置mousemove事件触发Resize程序进行缩放,mouseup事件中执行取消缩放Stop程序。

Resize程序的任务是执行缩放程序_fun和设置整理后的样式,这里为了简化程序样式是全部一起设置的,这样程序的注意流程就完成了。

ps:设置样式的值必须是大于0的数,否则ie会报错。

拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小。例如选框效果。

这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放。

若是使用的vivo手机,可以参考以下方法

Origin桌面/探索桌面:可点击桌面变形器,根据喜好设置图标风格与大小;长按图标,点击图标右下角,可定义图标在桌面位置的大小;

其他系统桌面:可以进入设置--桌面、锁屏与壁纸---桌面设置--“图标风格/图标圆角与大小”进行调节;不支持此功能的机型可以进入手机i主题--主题中更换其他的主题来更改软件图标大小。

注:该功能仅在系统主题下支持设置。

若有更多疑问,可进入vivo官网/vivo商城APP--我的--在线客服或者vivo官网网页版--下滑底部--在线客服--输入人工客服进入咨询了解。