兼容拖动
来源:互联网 发布:港股模拟软件 编辑:程序博客网 时间:2024/06/04 19:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<style type="text/css">
#main {
width:100px;
height:100px;
background:#ffccff;
position:absolute;
}
</style>
</head>
<body>
<div id="main"> </div>
<script type="text/javascript">
$("#main").mousedown(function(ev){
var ev=ev||window.event;
var disX=ev.clientX-this.offsetLeft;
var disY=ev.clientY-this.offsetTop;
if($("#main").setCapture){
oDiv.setCapture();
};
$(document).mousemove(function(ev){
var ev=ev||window.event;
var yiX=ev.clientX-disX+"px";
var yiY=ev.clientY-disY+"px";
$("#main").css({"left":yiX,"top":yiY})
});
$(document).mouseup(function(ev){
$(this).unbind("mousemove");
});
if($("#main").releaseCapture){
oDiv.releaseCapture();
};
return false;
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<style type="text/css">
#main {
width:100px;
height:100px;
background:#ffccff;
position:absolute;
}
</style>
</head>
<body>
<div id="main"> </div>
<script type="text/javascript">
$("#main").mousedown(function(ev){
var ev=ev||window.event;
var disX=ev.clientX-this.offsetLeft;
var disY=ev.clientY-this.offsetTop;
if($("#main").setCapture){
oDiv.setCapture();
};
$(document).mousemove(function(ev){
var ev=ev||window.event;
var yiX=ev.clientX-disX+"px";
var yiY=ev.clientY-disY+"px";
$("#main").css({"left":yiX,"top":yiY})
});
$(document).mouseup(function(ev){
$(this).unbind("mousemove");
});
if($("#main").releaseCapture){
oDiv.releaseCapture();
};
return false;
})
</script>
</body>
</html>
阅读全文
0 0
- 兼容拖动
- js兼容拖动功能实现
- 拖动层效果,兼容IE和FF!
- IE、FireFox兼容的拖动DIV
- DIV层的拖动和兼容
- 鼠标拖动图片【兼容各个浏览器】
- IE和FF兼容之DIV拖动
- 可以拖动的层(兼容firefox)
- 拖动DIV,兼容IE6-9,兼容遨游火狐等
- 比较常见的拖动层代码。(兼容FF)
- 续:比较常见的拖动层代码。(兼容FF)
- 十行代码即可写出兼容版拖动层
- 多浏览器兼容的、最简单的拖动层
- 鼠标拖动层, W3C标准,兼容IE6 & Firefox
- 完全兼容ie与firefox的拖动层
- 完全兼容ie与firefox的拖动层
- JS控制的可拖动层代码(兼容IE,FF)
- 通过鼠标来拖动拉伸窗口,兼容当前主流浏览器。
- C++的向上类型转换
- jdk8 Metaspace 调优
- JAVA虚拟机内存结构精简要义(干货)
- 关于Servlet找不到路径的问题(Servlet HTTP Status 404 )
- 2017中国青岛国际食品博览会 青岛国际餐饮食材暨火锅食材展览会会刊(参展商名录)
- 兼容拖动
- itext用html方式导出pdf
- ElasticSearch vs Solr多维度分析对比
- Android中扫描多媒体文件操作详解
- 最全iOS数据存储方法介绍:FMDB,SQLite3 ,Core Data,Plist,Preference偏好设置,NSKeyedArchiver归档
- < 笔记 > JavaScript
- JavaScript中错误正确处理方式,你用对了吗?
- ssh加密的两种方式
- 交互式 Bash Shell 获取进程 pid