Toggle navigation
首页
热门资讯
资源下载
技术博客
会员
中心
会员中心
发布博文
发布资源
首页
文章中心
JavaScript
js实现的八点拖动修改div大小的代码
274 阅读
0 评论
181 点赞
我是
靠谱客
的博主
小巧小松鼠
,这篇文章主要介绍
js实现的八点拖动修改div大小的代码
,现在分享给大家,希望可以做个参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Resize</title> <style type="text/css"> #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute;background:#C00;width:6px;height:6px;z-index:5;font-size:0;} #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rRightDown{ bottom:-3px; right:-3px;} #rLeftDown{ bottom:-3px; left:-3px;} #rRightUp{ top:-3px; right:-3px;} #rLeftUp{ top:-3px; left:-3px;} #rRight{ right:-3px; top:50%} #rLeft{ left:-3px; top:50%} #rUp{ top:-3px; left:50%} #rDown{ bottom:-3px; left:50%} </style> </head> <body> <div id='ss' style="height:100px; width:100px; border:1px solid #000000; position:absolute; left:200px; top:200px;" > <div id="rRightDown"> </div> <div id="rLeftDown"> </div> <div id="rRightUp"> </div> <div id="rLeftUp"> </div> <div id="rRight"> </div> <div id="rLeft"> </div> <div id="rUp"> </div> <div id="rDown"></div> </div> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最后
以上就是
小巧小松鼠
最近收集整理的关于
js实现的八点拖动修改div大小的代码
的全部内容,更多相关
js实现
内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(
181
)
本文分类:
JavaScript
浏览次数:
274
次浏览
发布日期:2022-04-06 08:02:02
本文链接:
https://www.kaopuke.com/article/k-p-k_14_uzokfx_14_zk_27_.html
相关文章
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
详解Nginx搭建图片服务器过程
CorelDRAW12循序渐进-对象的变换功能实例讲解
整个交互设计师的工作流程有哪些内容?
js实现的八点拖动修改div大小的代码
AI简单打造漂亮凹凸感背景
struts2 spring整合fieldError问题
MAC系统Autodesk软件提示License Not Obtained如何解决?
评论列表
共有
0
条评论
发表评论
取消回复
登录
注册新账号
立即
投稿
微信扫一扫:分享
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
返回
顶部
发表评论 取消回复