拖动控件代码.txt

来自「html源码拖动,可以拖动图片,.......................」· 文本代码 · 共 39 行

TXT

39 行

<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; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000" onmousedown="f_mdown(this)" onmousemove="f_move(this)">
  <TR> 
    <TD bgcolor="#FFFFFF" align="center" style="cursor:move" bordercolor="#FFFFFF"><img src="http://www.bubusky.com/mcylw/Images/starhycoldid.gif" width="110" height="110"></TD>
  </TR>
</TABLE>
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:250px;top:76px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000" onmousedown="f_mdown(this)" onmousemove="f_move(this)">
  <TR> 
    <TD bgcolor="#FFFFFF" align="center" style="cursor:move" bordercolor="#FFFFFF"><img src="http://bbs.51js.com/attachments/l34N_01.jpg"></TD>
  </TR>
</TABLE>
</BODY>

拖动控件代码.txt - 源码说明

本页面展示了「html源码拖动,可以拖动图片,.......................」中的拖动控件代码.txt 源码文件，采用文本编程语言编写，共 39 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与html相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?