程序博客网 > windows arp 清除

表格拖拽实例

来源：互联网 发布：windows arp 清除 编辑：程序博客网 时间：2024/04/29 11:29

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Welcome to Northsnow Home</title>
<style>
.removableObj
{
height:25;position:relative;
}
</style>
<script language="javascript">
var beginMoving=false;
var sourceObj=null;
var objectObj=null;
var objectObj2=null;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
sourceObj=obj;
objectObj=null;
}

function MouseMoveToMove(obj){
    if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}
function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
window.setTimeout("swapFun()",20);
}

function MouseOverFun(obj)
{
 if(obj==sourceObj) return false;
 objectObj=obj;
}

function MouseOverFun2(obj)
{
 objectObj2=obj;
}

function swapFun()
{
if(sourceObj!=null && objectObj!=null) objectObj.insertAdjacentElement("beforeBegin",sourceObj);
else if(sourceObj!=null && objectObj2!=null) objectObj2.insertAdjacentElement("beforeEnd",sourceObj);
sourceObj=null;
objectObj=null;
objectObj2=null;
}
</script>
</head>

<body>

<table border="1" width="100%" height="58">
  <tr>
    <td width="34%" valign="top" height="46" onmouseover="MouseOverFun2(this);" >
      <table border="1" width="100%" bgcolor="#99CCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
         <tr>
          <td width="23%">northsnow</td>
          <td width="21%">塞北的雪</td>
        </tr>
        <tr>
          <td width="23%">白骨精</td>
          <td width="21%">白龙马</td>
        </tr>
      </table><table border="1" width="100%" bgcolor="#FFCCFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
        <tr>
          <td width="21%">太上老君</td>
          <td width="35%">元始天尊</td>
        </tr>
        <tr>
          <td width="21%">太乙真人</td>
          <td width="35%">如来佛祖</td>
        </tr>
      </table>
  <table border="1" width="100%" bgcolor="#00CC99" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
         <tr>
          <td width="21%">镇元大仙</td>
          <td width="9%">卯日星君</td>
          <td width="35%">观音菩萨</td>
        </tr>
        <tr>
          <td width="21%">南极仙翁</td>
          <td width="9%">太白金星</td>
          <td width="35%">齐天大圣</td>
        </tr>
      </table>
     
    </td>
    <td width="32%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
  <table border="1" width="100%" bgcolor="#FF0000" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
        <tr>
          <td width="21%">灵宝道君</td>
        </tr>
        <tr>
          <td width="21%">通天教主</td>
        </tr>
      </table>   
      <table border="1" width="100%" bgcolor="#00FFFF" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
       <tr>
          <td width="21%">菩提老祖</td>
          <td width="35%">护身符哈</td>
          <td width="21%">接引道人</td>
          <td width="23%">准提道人</td>
        </tr>
        <tr>
          <td width="21%">嫦娥</td>
          <td width="35%">赤脚大仙</td>
          <td width="21%">太白金星</td>
          <td width="23%">四大天王</td>
        </tr>
      </table>

</td>
    <td width="34%" valign="top" height="52" onmouseover="MouseOverFun2(this);" >
  <table border="1" width="100%" bgcolor="#FF9966" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
        <tr>
          <td width="21%">卷廉大将</td>
          <td width="35%">猪八戒</td>
          <td width="21%">沙僧</td>
          <td width="23%">唐僧</td>
        </tr>
        <tr>
          <td width="21%">牛魔王</td>
          <td width="35%">铁扇公主</td>
          <td width="21%">哪吒</td>
          <td width="23%">杨戬</td>
        </tr>
      </table>   
      <table width="100%" border="1" bgcolor="#FFFFCC" class="removableObj" onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);' onmouseover="MouseOverFun(this);" >
       <tr>
          <td width="87">李天王</td>
          <td width="115">千里眼</td>
        </tr>
        <tr>
          <td width="87">顺风耳</td>
          <td width="115">普贤菩萨</td>
        </tr>
        <tr>
          <td width="87">文殊菩萨</td>
          <td width="115">灵吉菩萨</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

windows arp 清除 windows arp 清除
原创粉丝点击
热门IT博客
ios常见多线程编程ios常见多线程编程
官网seo官网seo
考研数学文都网络课程
小智外设店 淘宝
淘宝客在哪推广
下载百宝箱软件
转移矩阵和马尔科夫链
python哪个版本好用
php 将base64
精诚软件官网
好用的洗面奶推荐知乎
jsp javabean MySQL
正交矩阵单位化
迈克尔乔丹生涯数据
js 设置控件不可用
一拳超人 知乎
java注解详解
数控开料机编程视频
mac官网美国
淘宝会员注册多个人
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 梆怎么读 五花大梆 鸡儿梆硬 硬梆梆 山东枣梆 枣梆戏曲大全 内乡宛梆三哭殿 梆梆面 木梗之患 山有乔木兮木有枝什么梗 木梨 木梨硔村 木梨的作用是什么 木梨硔 木梳子怎么清洗 送女朋友木梳不吉利吗 木梳什么材质好 檀木梳 桃木梳和檀木梳哪个好 把木梳卖给和尚 木梳什么材质的好 梳齿机接木机 黑檀木梳 天然绿檀木梳价格 木梳品牌排行榜 小叶紫檀木梳价格 木梳图片 木梳品牌 一把桃木梳 虫鸣 桃木梳哪个品牌好 桃木梳的作用 一把桃木梳结局 一把桃木梳结局番外 桃木梳真假 木梳机 三林桃木梳 送木梳代表什么意思 木梳怎么清洗 名牌木梳 沉香木梳 黄杨木木梳

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里