JavaScript实现鼠标控制自由移动的窗口
【JavaScript实现鼠标控制自由移动的窗口】本文实例为大家分享了JavaScript实现鼠标控制自由窗口的具体代码,供大家参考,具体内容如下
文章图片
代码:
用鼠标移动的窗口 - 锐客网 .mainDiv {width: 350px; height: 200px; border: 2px black solid; position: absolute; }.titleDiv {width: 350px; height: 30px; background-color: YellowGreen; text-align: center; line-height: 30px; }.contentDiv {width: 350px; height: 170px; background-color: SandyBrown ; text-align: center; }标题栏《鼠标可控的自由窗口》
注意:没有给mainDiv设置position为absolute前不能移动
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- vue实现简单的购物车功能
- 用JS实现贪吃蛇游戏
- js实现拖动模态框效果
- 用js实现简单轮播图
- js实现模态框的拖拽效果
- JS实现拖动模态框案例
- javascript实现表单隔行变色
- javascript实现点击按钮变色
- 基于分布式系统的7种唯一ID实现方案
- 纯css实现动态渐变背景,一分钟学会