如何实现向四个方向改变层的大小？

SadEmprie 2003-10-01 09:43:51

就是像在word等编辑器中那样，在一个对象的边框上有四个按钮，点击后移动鼠标就可以分别向上下左右方向改变该对象的大小，给个思路也成啊。
谢谢了！！

...全文

48 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

SadEmprie 2003-10-07

打赏
举报

回复

能把nolonely的第二种方法说的详细点么？？？
谢谢！！！！

孟子E章 2003-10-01

打赏
举报

回复

<div contentEditable=true><input></div>

nolonely 2003-10-01

打赏
举报

回复

contenteditable是ie5.5+以上支持

用onmousemove事件结合offsetX和offsetY来判断状态，结合onkeydown,onkeyup事件来完成改变大小

本文介绍了如何使用JavaScript实现HTML元素的拖拽改变大小功能。通过设置识别范围，判断改变大小的方向，并根据不同的方向动态调整元素的宽度和高度，同时处理鼠标快速移动和文字拖放的特殊情况。

本文介绍如何使用JqueryUI实现一个可调整大小的层，并提供了完整的代码示例。通过设置不同的属性，可以控制层的最小尺寸、是否按比例调整大小、调整动画效果等。

本文介绍了一个使用JavaScript实现的层大小动态调整方法。该方法允许用户通过拖动元素边界来改变层的尺寸。具体实现了不同方向上的调整功能，并考虑了最小宽度和高度限制。

本文介绍了一种在HTML页面中通过JavaScript实现层大小调整的方法。具体步骤包括：创建一个层并绑定鼠标按下事件，利用控件点击事件改变层的位置与大小，通过监听鼠标移动来动态调整层的宽度。

本文介绍了一个使用HTML、CSS和JavaScript实现的可拖动并可调整大小的框，通过设置不同元素的样式和位置，以及利用鼠标事件，实现了框的拖动和四边、四角的调整大小功能。

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章