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> 

  • 相关阅读:
    面向对象
    原型链
    HTTP协议
    java连接数据库(jdbc)调用配置文件
    MySQL-学习笔记
    JAVA-集合框架
    JAVA-多线程
    java中的try-catch-finally异常处理(学习笔记)
    ADO.NET增、删、改、查
    C#资源管理器
  • 原文地址:https://www.cnblogs.com/timy/p/1277398.html
Copyright © 2011-2022 走看看