超简单js可拖动层代码
来源:互联网 发布:python scikit神经网络 编辑:程序博客网 时间:2024/04/30 06:05
超简单js可拖动层代码
<div onmousedown="Drag(this, event)" style="position:absolute;border:1px solid red;background:pink;width:400px;height:300px;"></div>
<script>
function Drag(o, e){
var e = window.event || e;
var _x = e.offsetX || e.layerX;
var _y = e.offsetY || e.layerY;
document.onmousemove = function(e){
o.style.filter = 'Alpha(opacity=70)';
o.style.opacity = '0.7';
var e = window.event || e;
o.style.left = e.clientX - _x + 'px';
o.style.top = e.clientY - _y + 'px';
}
document.onmouseup = function(e){
document.onmousemove = null;
o.style.filter = o.style.opacity = '';
}
}
</script>
- 超简单js可拖动层代码
- js可拖动层
- JS可拖动层
- 可拖动层代码
- JS控制的可拖动层代码(兼容IE,FF)
- js拖动层代码
- js弹出可拖动层
- JS 弹出可拖动的浮动层
- 简单可拖动的div层
- JS实现层上下部分可拖动,仿Windows垂直调整代码
- 超简单好用的可拖动控件
- 惊!一分钟、超简单实现可拖动的按钮
- 完整的简单层拖动代码
- 可拖动的层
- 可拖动图层
- 可拖动的层
- 可拖动DIV层
- JS+CSS打造可拖动的聊天窗口层
- 珍惜拥有 就是珍惜幸福!
- 监控打印机
- 影响分布式系统性能的3个方面
- Eclipse常用快捷键
- March 25th Tuesday 2010
- 超简单js可拖动层代码
- 开博序
- 从U盘上安装ubuntu
- C++ 中关于文件的读入和输出
- weblogic 集群介绍
- Eclipse plugin开发总结
- 观察者模式js讲解实例(转)
- mac如何共享文件
- 写容易调试的代码程序