鼠标移到div区域可移动div,在边框上可改变div大小

jsbuzhidao 2018-05-02 10:49:56

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
}
#div{
margin: 100px;
}
#movediv{
border: 1px solid #e4b9b9;
cursor: move
}
</style>
</head>
<body>
<div id="div">
<div id="movediv" style="width: 300px; height: 300px;"></div>
</div>
</body>
</html>

鼠标移动到div区域,鼠标变改移动的形状,此时按住鼠标左键可移动div的位置
鼠标移动到div的四周边界时,鼠标形状改变成可上下移动的形状(*-resize),按住鼠标拖动,可改变div的大小
请问这样的效果用js或jq如何实现呢,谢谢
...全文
1178 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Hello World, 2018-05-03
  • 打赏
  • 举报
回复
easyui的resizable+draggable

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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