Div 拖拽
来源:互联网 发布:windows 7 字体在哪 编辑:程序博客网 时间:2024/06/09 22:10
/**
* 定义拖拽框插件
*/
(function($){
var zIndex=999;
$.extend($.fn,{
draggable:function(settings){
var defaults={
handler:''
};//默认值
$.extend(defaults,settings);
var target=this;
var handler=defaults.handler==''?target:target.find(defaults.handler);
//处理拖拽,三个事件
var isPress=false;//判断鼠标状态
var offset_x,offset_y;
//1.鼠标按下
handler.bind("mousedown",function(e){
target.css("z-index",zIndex++);
isPress=true;
offset_x=e.pageX-target.offset().left;
offset_y=e.pageY-target.offset().top;
handler[0].setCapture && handler[0].setCapture();
return false;
})
//2.鼠标移动
$(document).bind("mousemove",function(e){
if(isPress==true){
target.css("left",e.pageX-offset_x);
target.css("top",e.pageY-offset_y);
}
})
//3.鼠标松开
handler.bind("mouseup",function(e){
isPress=false;
// handler[0].releaseCapture();
e.cancelBubble=true;//停止冒泡
})
}
})
})(jQuery)
* 定义拖拽框插件
*/
(function($){
var zIndex=999;
$.extend($.fn,{
draggable:function(settings){
var defaults={
handler:''
};//默认值
$.extend(defaults,settings);
var target=this;
var handler=defaults.handler==''?target:target.find(defaults.handler);
//处理拖拽,三个事件
var isPress=false;//判断鼠标状态
var offset_x,offset_y;
//1.鼠标按下
handler.bind("mousedown",function(e){
target.css("z-index",zIndex++);
isPress=true;
offset_x=e.pageX-target.offset().left;
offset_y=e.pageY-target.offset().top;
handler[0].setCapture && handler[0].setCapture();
return false;
})
//2.鼠标移动
$(document).bind("mousemove",function(e){
if(isPress==true){
target.css("left",e.pageX-offset_x);
target.css("top",e.pageY-offset_y);
}
})
//3.鼠标松开
handler.bind("mouseup",function(e){
isPress=false;
// handler[0].releaseCapture();
e.cancelBubble=true;//停止冒泡
})
}
})
})(jQuery)
0 0
- DIV拖拽
- Div 拖拽
- DIV拖拽
- DIV 拖拽
- 拖拽Div
- javascript div拖拽
- jQuery实现DIV拖拽
- jquery 实现DIV拖拽
- Jquery实现div拖拽
- 拖拽+div放大缩小
- div拖拽,drag
- js拖拽div例子
- JS拖拽DIV效果
- js拖拽div移动
- jQuery拖拽div实现
- Jquery 实现div拖拽
- 拖拽 DIV 效果
- JQuery 拖拽div
- Cocos2d-x 中与内存管理有关的宏
- Linux下gdb调试方法
- iOS block的用法------相当不错的一篇文章
- POJ 3006 Dirichlet's Theorem on Arithmetic Progressions(简单题)
- 安卓第一课:通过一个简单的MP3播放器来认识安卓开发【上】
- Div 拖拽
- JDK和JRE的区别
- 理解javascript原型和作用域系列(12)——简介【作用域】
- SQL Server Profiler 跟踪不断出现检索数据
- DataGrid学习
- cin.clear()、cin.sync()和cin.ignor()的用法
- C\C++代码优化的27个建议
- Ubuntu14.04安装软件推荐
- windows下的python扩展包