zoukankan      html  css  js  c++  java
  • Js代码动态移动层-拖动浮层并关闭

    <html>
    <head>
    <title>动态移动的层</title>
    <body bgcolor="#ADBAC9">
    <div  id="div1" class="yellow" style="VISIBILITY:visible ; position: absolute; top: 60; left: 200; 360; height: 250; filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1)">
    <div id=title onmousedown=DIVDown("div1") style="padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">源码爱好者</div>
    <img id=close  onclick=Hide(div1)  style="position: absolute; right: 2; top: 2" border="0" src="http://www.codefans.net/jscss/demoimg/201405/close.gif" width="15" height="15">
    </div>
    <script language="JavaScript">
    var Obj="none";
    var pX
    var pY
    document.onmousemove=DIVMove;
    document.onmouseup=DIVUp;
    function DIVDown(tag){
     Obj=tag;
     pX=parseInt(document.all(Obj).style.left)-event.x;
     pY=parseInt(document.all(Obj).style.top)-event.y;
    }
    function DIVMove(){
     if(Obj!="none"){
      document.all(Obj).style.left=pX+event.x;
      document.all(Obj).style.top=pY+event.y;
      event.returnValue=false;
     }
    }
    function DIVUp(){Obj="none";}
    function Hide(divid){
     divid.filters.revealTrans.apply();
     divid.style.visibility = "hidden";
     divid.filters.revealTrans.play();
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    删除git上已经提交的文件
    spark安装
    Ganglia+nagios 监控hadoop资源与报警
    自定义标签库开发与el表达式
    JavaBean与MVC
    Jsp-查漏补缺
    HttpSession
    Cookie
    HttpServleRequest
    Servlet学习-查漏补缺
  • 原文地址:https://www.cnblogs.com/softmans/p/7422950.html
Copyright © 2011-2022 走看看