如何 在 js 中实现 拖动层 的效果
就是 鼠标 单击 层 并拖动 div 跟这移动的
就是 鼠标 单击 层 并拖动 div 跟这移动的
解决方案 »
- 正则判断被除数不为0
- js的onload事件中定义的参数是全局的吗?
- 如何实现点<input type="file" name="file1" id="file1">浏览图显示问题
- ExtJs checkbox问题????????????????
- 模式窗口showModelessDialog怎么样实现调用父级窗口函数?
- 在网页中怎么让media player在出错时,自动重新链接。
- 与layer、iframe相关的组件是那些?详细描述见正文,大把给分。。。
- 查看是那个按钮提交的表单
- 我有很多图片,放在页面,希望能实现翻页显示功能,每次在页面显示10张图片
- 资源
- 急!!!
- 自己做网站经常遇见的问题
<script type="text/javascript">
$(function() {
var _move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置
$("#drag").mousedown(function(e){
_move=true;
_x=e.pageX-parseInt($("#drag").css("left"));
_y=e.pageY-parseInt($("#drag").css("top"));
$("#drag").fadeTo(20, 0.5);//点击后开始拖动并透明显示
});
$(document).mousemove(function(e){
if(_move){
var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
var y=e.pageY-_y;
$("#drag").css({top:y,left:x});//控件新位置
}
}).mouseup(function(){
_move=false;
$("#drag").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
}); });
</script>
<div class=".drag" id="drag" style="position:absolute;top:200px;left:200px;background:red;z-index:1000;width:200px;height:100px;">left</div>