大雀软件园

最新软件 | 热门专题 |
网站导航

软件频道

软件下载 文章资讯 驱动大全

安卓市场

安卓应用 安卓游戏

苹果市场

苹果应用 苹果游戏

游戏下载

电脑游戏 单机游戏 安卓游戏

专题合集

软件专题 苹果专题 安卓专题

快速通道

最新软件 下载排行 下载分类 下载专题
软件
  • 软件
  • 安卓
  • 苹果
  • 专题
搜 索

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置： 首页 -> 技术开发 -> Script -> 如何控制对象拖动

如何控制对象拖动

时间： 2021-07-31 作者：daque

<script language="javascript"><!--var currentmoveobj = null;        //暂时拖动东西var relleft;        //鼠标按下场所对立东西场所var reltop;var zindex=-1;//遏制被拖动东西的z-index值function f_mdown(obj){        currentmoveobj = obj;                //当东西被按下时，记载该东西        currentmoveobj.style.position = "absolute";        relleft = event.x - currentmoveobj.style.pixelleft;        reltop = event.y - currentmoveobj.style.pixeltop;        zindex=currentmoveobj.style.zindex;//记载原z-index值        currentmoveobj.style.zindex=10000;}window.document.onmouseup = function(){      currentmoveobj.style.zindex=zindex;//回复        zindex=-1;        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>

相关推荐

推荐下载

热门阅览

最新排行

关于我们| 网站地图| 广告合作| 下载帮助| 下载声明

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.