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

jsbuzhidao jsbuzhidao 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!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如何实现呢,谢谢
...全文

相关推荐

评论 1
收藏 已收藏
分享
返回顶部
jsbuzhidao
JavaScript 87,983 成员 224,681 内容