教程集 > 脚本编程 > javascript > 正文 javascript缓冲效果的伸缩下拉藏层

javascript缓冲效果的伸缩下拉藏层

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

教程集为您提供javascript缓冲效果的伸缩下拉藏层等资源，欢迎您收藏本站，我们将为您提供最新的javascript缓冲效果的伸缩下拉藏层资源

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>javascript缓冲效果的伸缩隐下拉藏层</title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <script language="javascript">  var flag=0;  function f_s(id){         var obj=document.getElementById(id);         obj.style.display="block";         obj.style.height="1px";            var changeW=function(){ 	 		                var obj_h=parseInt(obj.style.height);                if(obj_h<=350){                        obj.style.height=(obj_h Math.ceil((350-obj_h)/10)) "px";                }                else{                 clearInterval(bw1);                }         }                bw1= setInterval(changeW,1);  	   if(flag>0){  	   	 clearInterval(bw2);  	   }  }  function closeW(id){  		flag  ;         var obj=document.getElementById(id);         var closeDiv=function(){  	   		   	   		  clearInterval(bw1);                var obj_h=parseInt(obj.style.height);                if(obj_h>1){                        obj.style.height=(obj_h-Math.ceil(obj_h)/10) "px";                }                else{                clearInterval(bw2);                obj.style.display="none";                }         }                 bw2= setInterval(closeDiv,1);  	  //alert(flag)  }  function showDiv(){   	var ele = document.getElementById("div1");  	clearInterval(bw1);  	clearInterval(bw2);  	ele.style.display = "block";  	ele.style.height = 350   "px";  }  </script>  </head>  <body>    <div onmouseover="f_s('div1')" onmouseout="closeW('div1')" style="position:absolute;background:black;left:50px;top:30px;width:150px;height:20px;color:#FFFFFF;">  鼠标移上来试试！</div>  <div id="div1" style="position:absolute;background:aqua;left:50px;overflow:hidden;top:50px;width:350px;display:none;" onmouseover="showDiv()" onmouseout="closeW('div1')">缓冲效果的伸缩隐藏层www.111cn.net</div>  </body>  </html>

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

您可能感兴趣的文章：
javascript缓冲效果的伸缩下拉藏层
 js展开收缩层的效果
 PHP基础之输出缓冲区基本概念、原理分析
 php函数ob_start()、ob_end_clean()、ob_get_contents()
ps制作立体相册效果照片
 用缓冲技术提高JSP应用的性能和稳定性
 php输出缓存ob系列函数用法
 PHP输出缓冲及其应用的例子
 Photoshop操作过程十大规则与礼仪分享
 mysql中的query_cache_limit进行数据库优化

上一篇：js简体中文与繁体中文切换效果下一篇：利用js制作tab切换选项卡源码

[关闭]

javascript缓冲效果的伸缩下拉藏层

最近更新

浏览排行