教程集 > 脚本编程 > javascript > 正文 js慢慢放大效果代码

js慢慢放大效果代码

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供js慢慢放大效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js慢慢放大效果代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>show</title>  <style type="text/css">  #show{  	display:none;  	margin:0px auto;  	background-color:#FF0000;  }  #txt{  	width:760px;  	height:30px;  	margin:0px auto;  	background-color:#efefef;  }  </style>  </head>  <body>  <div id=show>  </div>  <div id=txt>  Open Close  </div>  <script type="text/javascript">  function show(){  if (!document.getElementById) return false;  if (!document.getElementById("show")) return false;  var show = document.getElementById("show");  show.style.width = "0px";  show.style.height = "0px";  show.style.display = "block";  movement = setTimeout("animation()",0)  }  function animation(){   if (!document.getElementById) return false;   if (!document.getElementById("show")) return false;   var show = document.getElementById("show");   var xpos = parseInt(show.style.width);   var ypos = parseInt(show.style.height);    if (xpos == 760 && ypos == 420){   return true;   }    if (xpos < 760){   xpos  ;   }   if (xpos > 760){   xpos--;   }   if (ypos < 420){   ypos  ;   }   if (ypos > 420){   ypos--;   }    show.style.width = xpos   "px";   show.style.height = ypos   "px";   movement = setTimeout("animation()",0);  }  function show2(){  if (!document.getElementById) return false;  if (!document.getElementById("show")) return false;  var show = document.getElementById("show");  show.style.width = "760px";  show.style.height = "420px";  show.style.display = "block";  movement = setTimeout("animation2()",0)  }  function animation2(){   if (!document.getElementById) return false;   if (!document.getElementById("show")) return false;   var show = document.getElementById("show");   var xpos = parseInt(show.style.width);   var ypos = parseInt(show.style.height);    if (xpos == 0 && ypos == 0){   return true;   }    if (xpos < 0){   xpos  ;   }   if (xpos > 0){   xpos--;   }   if (ypos < 0){   ypos  ;   }   if (ypos > 0){   ypos--;   }    show.style.width = xpos   "px";   show.style.height = ypos   "px";   movement = setTimeout("animation2()",0);  }   </script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
mysql优化之如何定位效率较低的SQL
有关 mysql 慢查询日志
 php网站速度变慢的原因综合分析
 Jquery hide与toggle方法实现超链接慢慢消失
 mysql优化之定位效率较低的SQL
mysql中开启慢sql查询(mysql慢查询日志)的方法
 如何开启mysql和php慢日志
 Jquery的hide及toggle方法让超链接慢慢消失
 mysql开启慢查询日志的方法
 JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2

上一篇：漂亮的tip效果下一篇：js树形菜单_树形菜单代码

[关闭]

js慢慢放大效果代码

最近更新

浏览排行