<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        




    
	
		


    隨筆 - 154 
文章 - 60 
trackbacks - 0


     
	

    

    
	
		
    
			
    
	
    
		
    <2007年11月>
    
	
    日一二三四五六
    28293031123
    45678910
    11121314151617
    18192021222324
    2526272829301
    2345678
    

    

    
			


    
	
    聲明：
    

    
    該blog是為了收集資料，認識朋友，學習、提高技術，所以本blog的內容除非聲明，否則一律為轉載！！
    

    
感謝那些公開自己技術成果的高人們！！！
    
支持開源，尊重他人的勞動！！ 
      

    

			

    常用鏈接
    


    留言簿(3)
    




		
    隨筆分類(148)
    
		
				
			
	
		
    隨筆檔案(143)
    
		
				
			
	
		
    收藏夾(2)
    
		
				
			
	
		
    其他
    
		
				
      
			
				
    
			
	
		
    學習（技術）
    
		
				
			
	
		
    觀察思考（非技術）
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


    		
	

    

    
	
					


    
	
	代碼1：
    

     <html>   
    
      <head>   
    
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
    
      <title>JK:支持民族工業,盡量少買X貨</title>   
    
      <script   language="javascript">   
    
      var   beginMoving=false;   
    
      function   MouseDownToMove(obj){   
    
  obj.style.zIndex    =1;   
    
  obj.mouseDownY    =event.clientY;   
    
  obj.mouseDownX    =event.clientX;   
    
  beginMoving    =true;   
    
  obj.setCapture();   
    
  }       
    
    
    
      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;   
    
      var   tempTop=event.clientY-obj.mouseDownY;   
    
      var   tempRowIndex=(tempTop-tempTop%25)/25;   
    
      if(tempRowIndex+obj.rowIndex   <0   )tempRowIndex=-1;   
    
      else   tempRowIndex=tempRowIndex+obj.rowIndex;   
    
      if(tempRowIndex   >=   obj.parentElement.rows.length-1)   tempRowIndex   =   obj.parentElement.rows.length-1;   
    
  obj.parentElement.moveRow(obj.rowIndex,tempRowIndex);   
    
  }       
    
    
    
      </script>   
    
      </head>   
    
      <body   >   
    
    
    
      <TABLE   WIDTH="300"   BORDER="1"   >   
    
    
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD   bgcolor=blue>0</TD><TD>0</TD><TD>0</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD   bgcolor=black>1</TD><TD>1</TD><TD>1</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD   bgcolor=red>2</TD><TD>2</TD><TD>2</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD>3</TD><TD>3</TD><TD>3</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD>4</TD><TD>4</TD><TD>4</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD>5</TD><TD>5</TD><TD>5</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD>6</TD><TD>6</TD><TD>6</TD></TR>   
    
      <TR   bgcolor=#ffffff   style='height:25;position:relative;'   onmousedown='MouseDownToMove(this)'   onmousemove='MouseMoveToMove(this)'   onmouseup='MouseUpToMove(this);'><TD>7</TD><TD>7</TD><TD>7</TD></TR>   
    
      </TABLE>   
    
    
    
      </body>   
    
      </html>
    

    

    
代碼2：
    

    

    <html>   
    
      <head>   
    
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
    
      <title>JK:支持民族工業,盡量少買X貨</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%">和</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">&nbsp;輸多發</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>   
    

    

	
    posted on 2007-11-29 17:20 lk 閱讀(1502) 評論(1)  編輯  收藏  所屬分類: ajax&js 
    

    







    
	    
    


    
FeedBack:

    
	

		
    
			
    
			
    # re: js table操作 ------ 拖拽行為并且使其自動貼附 2007-12-12 19:15 jeasonzhao
    
				
    思路不錯，可以更加進一步，構造的時候不需要繁瑣的輸入onmouse***函數

    在實際測試的時候，有定位的部準確的問題，可以使用elementFromPoint函數解決這個問題  回復  更多評論
      
			
    
		
    
	




    








    

				
	



    



    







        
	



主站蜘蛛池模板：
国产成人综合亚洲一区|
两个人看的www高清免费视频|
国产乱弄免费视频|
中文字幕免费在线看电影大全
|
j8又粗又长又硬又爽免费视频|
久久久久亚洲AV成人网人人软件|
久久爰www免费人成|
中文字幕无码精品亚洲资源网久久|
亚洲国产精品嫩草影院久久
|
国产精品久久久久影院免费|
国产一级黄片儿免费看|
国产亚洲精品VA片在线播放|
色噜噜亚洲精品中文字幕|
91在线视频免费91|
久久精品无码专区免费|
亚洲一区二区三区无码国产|
中文字幕亚洲日本岛国片|
在线观看免费人成视频色|
中文字幕乱理片免费完整的|
亚洲色大成WWW亚洲女子|
亚洲AV第一页国产精品|
国产成人精品免费视频软件|
精品国产污污免费网站aⅴ|
成人久久久观看免费毛片|
亚洲一区在线视频观看|
亚洲国产AV无码专区亚洲AV|
国产又长又粗又爽免费视频|
国产免费丝袜调教视频|
成人久久免费网站|
免费国产在线精品一区|
麻豆狠色伊人亚洲综合网站
|
亚洲国产精品久久久久秋霞影院|
亚洲性日韩精品一区二区三区|
成人AV免费网址在线观看|
无码人妻一区二区三区免费看
|
尤物视频在线免费观看|
亚洲精品无码人妻无码|
亚洲国产精品午夜电影|
亚洲视屏在线观看|
久久青草亚洲AV无码麻豆|
亚洲人成无码www久久久|