软件开发培训班 >> 编程开发 >> JavaScript

写的一段拖动对象的代码

　　本文标签：写的一段拖动对象的代码

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var currentMoveObj = null;    //当前拖动对象 
var relLeft;    //鼠标按下位置相对对象位置 
var relTop; 
function f_mdown(obj) 
{ 
    currentMoveObj = obj;        //当对象被按下时，记录该对象 
    currentMoveObj.style.position = "absolute"; 
    relLeft = event.x - currentMoveObj.style.pixelLeft; 
    relTop = event.y - currentMoveObj.style.pixelTop; 
} 
window.document.onmouseup = function() 
{ 
    currentMoveObj = null;    //当鼠标释放时同时释放拖动对象 
} 
function f_move(obj) 
{ 
    if(currentMoveObj != null) 
    { 
        currentMoveObj.style.pixelLeft=event.x-relLeft; 
        currentMoveObj.style.pixelTop=event.y-relTop; 
    } 
}

//--> 
</SCRIPT> 
<BODY> 
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> 
<TR> 
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD> 
</TR> 
<TR> 
    <TD align="center" height="60">content</TD> 
</TR> 
</TABLE> 
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> 
<TR> 
    <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD> 
</TR> 
<TR> 
    <TD align="center" height="60">content</TD> 
</TR> 
</TABLE> 
</BODY>

技术文章快速查找

JavaScript数组应用可依次读取的公告栏文字

基于jquery的关于动态创建DOM元素的问题

select下拉选择框美化实现代码(js+css+图片)

Javascript学习笔记二之变量

JS弹出居中的DIV的代码

js下将阿拉伯数字每三位一逗号分隔(如：15000000转化为15,000,000)

js 禁止选择功能实现代码(兼容IE/Firefox)

两个table之间相互移动数据

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建