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> 

  • 相关阅读:
    使用hibernate利用实体类生成表和利用表生成实体类
    多线程循环打印ABC
    maven在整合springmvc+hibernate运行时遇到的一些问题
    checkbox属性获取
    glib中关于线程池的一个实例
    阅读英文文献总结的专业词汇
    网络流分类领域牛人
    锐捷s3550千兆交换机配置端口镜像
    转载Wireshark过滤语法
    DispatcherServlet处理流程
  • 原文地址:https://www.cnblogs.com/timy/p/1277398.html
Copyright © 2011-2022 走看看