`

层的卷帘效果

阅读更多

<!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>帮助</title>
 <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</head>
<body>
<input id="shen" type="button" value="展开帮助" onclick="shen();"/>

<div id="wind" style="background-color:#B0D8FF; overflow:hidden; float:inherit width:100px;height:0px; border:0px;">
你好!<br>
Hello!<br>
-.-<br>
猪!!!<br>


</div>
<script type="text/javascript">

//控制卷帘伸开的函数
function shen()
{
 var qq = document.getElementById("shen");
 if (qq.value == "展开帮助")
 {
  
  
  
  
  var tm;
  var windHeight = document.getElementById("wind").style.height;
  
  //如果目标对象的高度小于100px,则让其高度继续增大
  if (parseInt(windHeight.substring( 0, windHeight.indexOf("px"))) < 200)
  {
   //修改目标对象的高度为原有高度 + 2。
   document.getElementById("wind").style.height =
    parseInt(windHeight.substring( 0,
    windHeight.indexOf("px"))) + 10 + "px";
   //每50ms将为目标对象的告诉增加2
   tm = setTimeout("shen()" , 0.5);
  }
  else
  {qq.value="关闭帮助";
   clearTimeout(tm);
return;
  }
 }else if(qq.value == "关闭帮助"){
  
  var tm;
  var windHeight = document.getElementById("wind").style.height;
  //如果目标对象的高度大于3px,则让其高度继续增大
  if (parseInt(windHeight.substring( 0, windHeight.
   indexOf("px"))) > 1)
  {
   //修改目标对象的高度为原有高度 - 2。
   document.getElementById("wind").style.height =
    parseInt(windHeight.substring( 0,
    windHeight.indexOf("px"))) - 10 + "px";
   //每隔50ms将目标对象的高度减2
   tm = setTimeout("shen()" , 50);
  }
  else
  {qq.value="展开帮助";
   clearTimeout(tm);
return;
   
  }
 }
}
</script>
</body>
</html>

分享到:
评论

相关推荐

    jquery 控制的卷帘菜单

    好用的横向纵向卷帘菜单,jquery的插件 纵向的菜单必须是最外层是ul li 横向的必须是最外层是ul li div

    几款比较流行的Ajax框架

    使用AjaxCaller实现简单的定时任务 使用dojo组件实现进度条 使用Open Rico实现动态调色板 使用Open Rico实现可拖拽的层 使用dojo组件实现卷帘效果的div隐藏

    天正TS4.5破解版

    平面窗增加“双侧单层卷帘门”和“单侧双层卷帘门”。平面窗增加系统默认的电梯门。 3.新安装初始化程序修改:在程序最后增加加载SYS目录“用户初始化程序.lsp”。 4.[面积测量]改错:ACAD2011出现面积文字加减乘除...

    大理石饰面板镶贴工艺.doc

    磨光大理石板材表面光滑、细腻、平整,明亮如镜,装饰效果良好。大理石饰面板施工的关键是搞好大理石布置方案、细部构造处理及安装。 第1章大理石方案布置原则 1.根据用户要求和贴大理石墙面宽度、高度确定大理石板材...

    商业广场监控设计方案.doc

    目录 一、 监视墙效果图 1 二、 方案一 经济型视频监控系统预算书 错误!未定义书签。 三、 方案二 提高型视频监控系统预算书 错误!... 屋顶花园摄像机:在四层办公楼与"购物中心"相通的卷帘门外安装1台彩色枪式固定

    优秀的文件管理器 WinNc 9.4.0.0 + x64.zip

    卷帘快门 模拟数字视频和手机摄像头中常见的扭曲运动模糊效果。 头发闪光参数 V-Ray 物理头发材质新增加闪光参数,更好地控制高光效果。 改进的直接光照渲染元素 改进的直接光照通道提供稳定的,无瑕疵的运算结果...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    WebSitetestdojo 使用dojo组件实现卷帘效果的div隐藏 第16章(/C16/) 留言板源代码 所有留言板实例的源代码 数据库备份 留言板数据所需要的数据库 第17章(/ch17) 程序描述:本章介绍开发AJAX...

    Dreamweaver常用24种插件

    给指定的层添加一个卷帘式收起的效果,可以循环 MP Flash 类别:Object 文件格式:mxp │ 14,206B 把MP3转成Flash 文件插入到当前文档中 Scrolling Status Bar 类别:Object 文件格式:mxp │ 4,294B 插入打字...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    85:沪江英语网3图弹性广告下载 86:SOHU体育flash图片轮换下载 87:MSN频道4屏新闻广告效果下载 88:用层实现的滚动条效果下载 89:迅雷网七屏flash广告轮换下载 90:奥林匹克运动会焦点广告下载 91:一种选项卡样式...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    85:沪江英语网3图弹性广告下载 86:SOHU体育flash图片轮换下载 87:MSN频道4屏新闻广告效果下载 88:用层实现的滚动条效果下载 89:迅雷网七屏flash广告轮换下载 90:奥林匹克运动会焦点广告下载 91:一种选项卡样式...

    遥感影像快速处理与智能解译系统.doc

    对海量遥感数据实时漫游显示、定比例放缩、开" " " " "窗变比例放缩、特殊显示效果(卷帘、透明叠加、闪烁" " " " ");多数据集地理关联显示;对矢量数据进行各种比例" " " " "尺放缩无极显示;多层数据叠合显示;...

    易语言程序免安装版下载

    修改扩展界面支持库三,解决单击卷帘菜单后导致日期框不能弹出下拉窗口的BUG。 4. 修改XP风格支持库,解决GDI资源泄露,以及在使用通用组件库六时组合框标题出现重影的BUG。 5. 修改扩展界面支持库一,解决树形框...

Global site tag (gtag.js) - Google Analytics