zoukankan      html  css  js  c++  java
  • js可拖动的层div

    <script>
    function HidMoveF(obj)
    {
        
    var move = document.getElementById(obj);
        move.style.display 
    = "none";
    }
    function DisMoveF(obj)
    {
        
    var move = document.getElementById(obj);
        move.style.display 
    = "";
    }
    </script>
    <href="JavaScript:DisMoveF('testMove');">编辑新闻</a>
    <span id="testMove" style='position:absolute; 160px; height:89px; display:none; left: 458px; top: 104px;' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()><div style="text-align:right;background:red;"><href="JavaScript:HidMoveF('testMove');">关闭</a></div>
    <table width="100%" border="1" bgcolor="#FFFFFF">
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
      
    <tr>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
        
    <td>&nbsp;</td>
      
    </tr>
    </table></span>
     
    <script language=javascript> 
    var Obj; 
    function MouseDown(obj) 

        Obj
    =obj; 
        Obj.setCapture(); 
        Obj.l
    =event.x-Obj.style.pixelLeft; 
        Obj.t
    =event.y-Obj.style.pixelTop;     

    function MouseMove() 

        
    if(Obj!=null
        { 
          Obj.style.left 
    = event.x-Obj.l; 
          Obj.style.top 
    = event.y-Obj.t;     
          Obj.style.filter
    ="alpha(opacity=20)";  
        } 

    function MouseUp() 

        
    if(Obj!=null
        { 
          Obj.releaseCapture(); 
          Obj.style.filter
    ="alpha(opacity=100)";
          Obj
    =null
        } 

    </script> 
     
    <script language="JavaScript" type="text/javascript"> 
    var orgMouseX; 
    var orgMouseY; 
    var orgObjX; 
    var orgObjY; 
    function doDrag() 

    var myObject=document.all.myDiv; 

    var x=event.clientX; 
    var y=event.clientY; 
    myObject.style.left
    =x-(orgMouseX-orgObjX); 
    myObject.style.top
    =y-(orgMouseY-orgObjY); 
      

    function doMouseDown() 

    orgMouseX
    =event.clientX; 
    orgMouseY
    =event.clientY; 
    orgObjX
    =parseInt(document.all.myDiv.style.left); 
    orgObjY
    =parseInt(document.all.myDiv.style.top); 


    </script> 

  • 相关阅读:
    js截取字符串区分汉字字母代码
    List 去处自定义重复对象方法
    63. Unique Paths II
    62. Unique Paths
    388. Longest Absolute File Path
    41. First Missing Positive
    140. Word Break II
    139. Word Break
    239. Sliding Window Maximum
    5. Longest Palindromic Substring
  • 原文地址:https://www.cnblogs.com/timy/p/1277398.html
Copyright © 2011-2022 走看看