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> 

  • 相关阅读:
    模拟器安装.apk包_夜神模拟器
    SDK安装报错_2019
    Jenkins安装插件方法
    Jenkins安装
    Python项目第三方库安装_pip freeze命令
    深入理解Java虚拟机—内存分配
    深入理解Java虚拟机—垃圾回收 下
    深入理解Java虚拟机—垃圾回收 上
    深入理解Java虚拟机—OutOfMemoryError异常
    深入理解Java虚拟机—Java内存区域
  • 原文地址:https://www.cnblogs.com/timy/p/1277398.html
Copyright © 2011-2022 走看看