博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
鼠标移动可改变DIV的大小
阅读量:6623 次
发布时间:2019-06-25

本文共 744 字,大约阅读时间需要 2 分钟。

hot3.png

DIV固定在页面的某个位置,不可拖拽

位于页面左边,鼠标点击且移动,向右移拉大,向左移缩小:

            
DIV位于页面左边,点击鼠标且左右移动可改变其宽度

1539ed656e9f00b2a59db9bbe3e46c63f43.jpg

位于页面右边,鼠标点击且移动,向右移缩小,向左移拉大:

            
DIV位于页面右边,点击鼠标且左右移动可改变其宽度

3699a61200db80e39be962f96c4bec5fa0c.jpg

位于页面上边,鼠标点击且移动,向上移缩小,向下移拉大:

            
DIV位于页面上边,点击鼠标且上下移动可改变其高度

d8177707421b317b6b7c490642424344e5d.jpg

位于页面下边,鼠标点击且移动,向上移拉大,向下移缩小:

            
DIV位于页面下边,点击鼠标且上下移动可改变其高度

52d821ca29cb69868e977c1d43baa761ccd.jpg

转载于:https://my.oschina.net/u/3026585/blog/1942070

你可能感兴趣的文章
【我的Android进阶之旅】Android使用getIdentifier()方法根据资源名来获取资源id
查看>>
iOS 11升级后常见的几个问题与解决的建议
查看>>
Java——Thread/Runnable实现多线程
查看>>
Onvif开发之代码框架生成篇
查看>>
Linux下如何挂载FAT32格式USB设备
查看>>
云计算大赛:部署盛大云主机抢先开发
查看>>
Golang /Go调试工具delve
查看>>
用 Flask 来写个轻博客 (35) — 使用 Flask-RESTful 来构建 RESTful API 之四
查看>>
实验一个最小的PYTHON服务器编程
查看>>
.NET Core的文件系统[1]:读取并监控文件的变化
查看>>
【数学题】倍数问题
查看>>
盒马创始人侯毅首次解读:盒马是什么
查看>>
对话「平衡车之父」:把Solowheel带回中国
查看>>
面试总结-阿里巴巴
查看>>
安全宝分析DDoS攻击成主要破坏手段
查看>>
Java线程
查看>>
DockerCon2017 Euro D1:宣布同时支持Swarm和Kubernetes
查看>>
iOS中 为 iOS 建立 Travis CI 韩俊强的博客
查看>>
物联网技术在工业中的应用
查看>>
NETGEAR多功能E-S-C平台M6100数据中心功能评测
查看>>