空間站

          北極心空

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            15 Posts :: 393 Stories :: 160 Comments :: 0 Trackbacks

          公告

          本博客主要是在本人收集網上一些精彩技術文章,有時可能因疏忽轉載的時候沒有說明轉載出處和作者,如果您認為哪篇文章侵犯了你的版權,請通知本人: EMAIL:luwei-80@163.com 歡迎您光臨本博客!

          常用鏈接

          留言簿(15)

          我參與的團隊

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
          <title> 代碼實例:拖動對象 Drag Object (兼容:IE、Firefox、Opera ... )</title>
          <meta http-equiv="content-type" content="text/html; charset=gb2312" />
          <meta name="editor" content="楓巖,http://www.cnlei.com">
          <meta name="keywords" content="代碼實例:拖動對象">
          <meta name="description" content="最簡短的拖動對象代碼實例演示">
          <style>
          .dragAble {position:relative;cursor:move;}
          </style>
          <script language="javascript">
          <!--
          // Author:  Unkonw
          // Modify:  楓巖@CnLei.com
          var ie=document.all;
          var nn6=document.getElementById&&!document.all;
          var isdrag=false;
          var y,x;
          var oDragObj;

          function moveMouse(e) {
           if (isdrag) {
           oDragObj.style.top  =  (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px";
           oDragObj.style.left  =  (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px";
           return false;
           }
          }

          function initDrag(e) {
           var oDragHandle = nn6 ? e.target : event.srcElement;
           var topElement = "HTML";
           while (oDragHandle.tagName != topElement && oDragHandle.className != "dragAble") {
           oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;
           }
           if (oDragHandle.className=="dragAble") {
           isdrag = true;
           oDragObj = oDragHandle;
           nTY = parseInt(oDragObj.style.top+0);
           y = nn6 ? e.clientY : event.clientY;
           nTX = parseInt(oDragObj.style.left+0);
           x = nn6 ? e.clientX : event.clientX;
           document.onmousemove=moveMouse;
           return false;
           }
          }
          document.onmousedown=initDrag;
          document.onmouseup=new Function("isdrag=false");
          //-->
          </script>
          </head>
          <body>
          <img src="
          <img src="<img src="<div style="border:1px solid #ff6d00;background:#ffd801;width:240px;padding:5px 0;" class="dragAble">這些都是可拖動對象</div>
          </body>
          </html>

          主站蜘蛛池模板: 竹溪县| 新沂市| 莱西市| 天镇县| 定西市| 临武县| 彩票| 阿拉善左旗| 康马县| 浮梁县| 南陵县| 泰来县| 登封市| 建阳市| 蕲春县| 成武县| 赣州市| 晋城| 青河县| 横山县| 获嘉县| 武义县| 酒泉市| 石棉县| 上犹县| 桑日县| 武夷山市| 河西区| 乐平市| 玉溪市| 深泽县| 菏泽市| 南部县| 开鲁县| 永康市| 青岛市| 余干县| 汨罗市| 太康县| 百色市| 湖北省|