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

SadEmprie 2003-10-01 09:43:51

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

...全文

50 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事件来完成改变大小

大致介绍拖拽改变元素大小是在模拟拖拽上增加了一些功能拖拽改变元素大小原理首先这个方块得知道我们想要改变这个它的大小，所以我给它设定一个范围，当点击这个范围时表明我们想要改变它的大小当我们点击方块的这些红色区域时，方快就知道我们想要改变它的大小代码实现：// 获取event对象，兼容性写法var ev = ev || event;// 鼠标按下时的位置var mouseDownX = ev.clie...

本文使用Jquery UI实现了可改变大小的层，效果预览网址：http://www.keleyi.com/keleyi/phtml/resizable.htm 以下是完整代码，保存到html文件，打开也可以预览效果：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

改变层的大小-51windows.com－www.51windows.Net> { box-sizing: border-box; moz-box-sizing: border-box } #testDiv { background-color: buttonface; background-repeat: repeat; background-attachment: scroll;

1、需要在Html页面中加入一个层2、在控件的click事件中，加入一个函数SelectCtrl(this)3、在SelectCtrl(this)函数中，改变layer1层的样式，把层的大小设置为比控件大小稍微大一点 function SelectCtrl(e) {document.getElementById("layer1").style.top = e.offsetT

效果图：功能介绍图：代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0 } .box ...

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章