您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 表格图层 >

    Js代码动态移动层-拖动浮层并关闭

    时间:2014-06-10 08:11 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • 一个由JAVASCRIPT实现的弹出层拖动实例,右上角还带有一个关闭按钮 ,点击即可关闭该浮动层,并且关闭时带有“溶解”效果,比较生动的网页浮动层例子,无jquery代码。
    • <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>
    Js代码动态移动层-拖动浮层并关闭由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/biaoge/9073.html
    标签:网站源码