js动画效果打开层关闭层【javascript】

web前端|js教程 js动画效果打开层关闭层【javascript】

js,动画效果,打开层,关闭层,模拟弹窗

web前端-js教程

管理信息系统源码,vscode怎样编写,ubuntu硬盘读写查看,tomcat 启动密钥,sqlite 用户查看数据,phpweb 产品插件,常用前端开发框架有,爬虫如何获取sessionid,php数组键值对,廊坊网络seo,网站源代码绿色表示什么意思,h5网页模板带手机版,destoon模板在升级,phpcms搜索页面修改,医院咨询预约管理系统,windows网络与通信程序设计下载lzw

<br /><title>DOM_text01</title> <div class="khw">cf窗口化dll源码,vscode 预览php,ubuntu加大交换分区,菜鸟教程 tomcat,sqlite多表联合部门,织梦 统计 插件,移动优先前端框架,爬虫爬公司系统,$db php,jin seo kim,音乐大赛微信投票网站源码,html网页文字动态效果代码,v4.1黑色炫酷模板,css写一个页面和侧边栏,vb sql宿舍管理系统毕业设计论文,程序员像妹子表白专用代码lzw</div> body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;} #bodyL{     float:left;     width:84px;     margin-right:2px; } a.od{     width:80px;     height:25px;     line-height:25px;     text-align:center;     font-weight:bold;     border: 2px solid #849BCA;         display:block;     color:#547BC9;     float:left;     text-decoration:none;     margin-top:2px; } a.od:link{     background:#EEF1F8; } a.od:visited{     background:#EEF1F8; } a.od:hover{     background:#EEE; } a.od:active{     background:#EEE; } #fd{         width:500px;     height:200px;     background:#EDF1F8;         border: 2px solid #849BCA;     margin-top:2px;     margin-left:2px;     float:left;     overflow:hidden;     position:absolute;     left:0px;     top:0px;     cursor:move;     float:left;     /*filter:alpha(opacity=50);*/ <div class="khw">bt下载源码,vscode装扩展,ubuntu终端打开桌面文件夹,tomcat 请求路由,手机sqlite数据导出,滑动出现删除按钮插件,前端管理端的框架搭建,分布式爬虫招聘,win7 64位 php,seo助手推广,单页网站修改,网页在线聊天工具,商铺模板网站lzw</div>} .content{     padding:10px; } <p><br /> </p><div id="bodyL"><p>        [打开层] </p><p>        [关闭层] </p></div><div id="fd"><div class="content">移动层</div></pre>     var prox;     var proy;     var proxc;     var proyc;     function show(id){/*–打开–*/         clearInterval(prox);         clearInterval(proy);         clearInterval(proxc);         clearInterval(proyc);         var o = document.getElementById(id);         o.style.display = “block”;         o.style.width = “1px”;         o.style.height = “1px”;          prox = setInterval(function(){openx(o,500)},10);     }         function openx(o,x){/*–打开x–*/         var cx = parseInt(o.style.width);         if(cx < x)         {             o.style.width = (cx + Math.ceil((x-cx)/5)) +"px";         }         else         {             clearInterval(prox);             proy = setInterval(function(){openy(o,200)},10);         }     }         function openy(o,y){/*–打开y–*/             var cy = parseInt(o.style.height);         if(cy  0)         {             o.style.height = (cy – Math.ceil(cy/5)) +”px”;         }         else         {             clearInterval(proyc);             proxc = setInterval(function(){closex(o)},10);         }     }         function closex(o){/*–打开x–*/         var cx = parseInt(o.style.width);         if(cx > 0)         {             o.style.width = (cx – Math.ceil(cx/5)) +”px”;         }         else         {             clearInterval(proxc);             o.style.display = “none”;         }     }     </p><p>    /*————————-鼠标拖动———————*/         var od = document.getElementById(“fd”);         var dx,dy,mx,my,mouseD;     var odrag;     var isIE = document.all ? true : false;     document.onmousedown = function(e){         var e = e ? e : event;         if(e.button == (document.all ? 1 : 0))         {             mouseD = true;                     }     }     document.onmouseup = function(){         mouseD = false;         odrag = “”;         if(isIE)         {             od.releaseCapture();             od.filters.alpha.opacity = 100;         }         else         {             window.releaseEvents(od.MOUSEMOVE);             od.style.opacity = 1;         }             } </p><p>    //function readyMove(e){         od.onmousedown = function(e){         odrag = this;         var e = e ? e : event;         if(e.button == (document.all ? 1 : 0))         {             mx = e.clientX;             my = e.clientY;             od.style.left = od.offsetLeft + “px”;             od.style.top = od.offsetTop + “px”;             if(isIE)             { od.setCapture(); od.filters.alpha.opacity = 50;             }             else             { window.captureEvents(Event.MOUSEMOVE); od.style.opacity = 0.5;             } </p><p>            //alert(mx);             //alert(my); </p><p>        }      }     document.onmousemove = function(e){         var e = e ? e : event; </p><p>        //alert(mrx);         //alert(e.button);                 if(mouseD==true && odrag)         {                     var mrx = e.clientX – mx;             var mry = e.clientY – my;                 od.style.left = parseInt(od.style.left) +mrx + “px”;             od.style.top = parseInt(od.style.top) + mry + “px”;                         mx = e.clientX;             my = e.clientY; </p><p>        }     } </p><p><br /> </p><p>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

动画效果模拟弹窗