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> 

  • 相关阅读:
    GridView分页用法
    鼠标移动 改变Datagrid行的背景颜色
    asp.net清空某一类控件或置某一状态
    解决XP系统下"HTTP 错误 403.9 禁止访问:连接的用户过多"的问题
    Asp.net项目路径获取方法
    误删资料恢复 技巧(转载)
    linux命令
    破解win2003“终端服务器授权”激活许可证! (转载)
    apache搭建网站更改默认语言为GB2312
    jquery实现图片广告轮换效果
  • 原文地址:https://www.cnblogs.com/timy/p/1277398.html
Copyright © 2011-2022 走看看