直接在本地是支持IE6的,有个问题就是,鼠标点击的时候光标会变为选择文字的光标,不知道应该怎么处理这个问题呢?
在此记录一下代码:
*{margin:0;padding:0;}
#outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; }
.controlBox{ width:200px; height:200px; position: absolute; left:25px; top:50px; background:#ccc; font-size:12px; color:#fff; border: 1px solid #333;}
.controlBar{cursor: move;}
.controlBar h2{ font-size:12px; text-align: center; line-height: 25px; background: blue;}
.innerCon{text-align: left; line-height: 20px;}
.innerCon p{ padding: 10px; color: #000;}
.resize{ position: absolute; height: 10px; width:10px; color: white; z-index: 10; background: red;}
.lt{left:0;right:0; cursor:nw-resize;}
.tr{right:0;top: 0;cursor:ne-resize;}
.rb{right:0;bottom: 0; cursor:nw-resize;}
.bl{left:0;bottom:0;cursor:ne-resize;}
按此处拖动
中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间
内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容
中间内容中间内容中间内容中间内容中间内容中间内容
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- 鼠标拖拽移动子窗体的JS实现
- javascript实现移动端上的触屏拖拽功能
- JS HTML5实现拖拽移动列表效果
- JS实现移动端触屏拖拽功能
- JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
- 使用javaScript实现鼠标拖拽事件
- js实现使用鼠标拖拽切换图片的方法
- JS鼠标拖拽实例分析
- javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)
- 超酷的鼠标拖拽翻页(分页)效果实现javascript代码
- JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例