一个层慢慢增高展开,有种向下滑动的效果

var act;
function over(){
var h = parseInt(mytd.height);
if (h 30){
mytd.height = h - 2;
clearTimeout(act);
act = setTimeout('out()', 10);
}
}

无忧脚本 - 风云突变

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

//Url: http://bbs.51js.com/thread-61646-1-1.html
//Author: 风云突变
//Modify: 枫岩
var act;
function over(s,nMax){
var obj=document.getElementById(s);
var h = parseInt(obj.offsetHeight);
if (h nMin){
obj.style.height = (h - 2)+"px";
clearTimeout(act);
act = setTimeout("out('"+s+"',"+nMin+")", 10);
}
}

代码实例：层的滑动展开/折叠

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

赞 (0)

相关推荐

  • 一个层慢慢增高展开,有种向下滑动的效果

    var act; function over(){ var h = parseInt(mytd.height); if (h 30){ mytd.height = h - 2; clearTimeout(act); act = setTimeout('out()', 10); } } 无忧脚本 - 风云突变 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 /

  • JavaScript控制网页层收起和展开效果的方法

    本文实例讲述了JavaScript控制网页层收起和展开效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="pragma" content=&q

  • js实现点击向下展开的下拉菜单效果代码

    js实现点击向下展开的下拉菜单效果代码

    本文实例讲述了js实现点击向下展开的下拉菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍js实现点击向下展开的下拉菜单特效代码,无调用jQuery,真正的JS下拉菜单,兼容性方面未做测试,觉得有用处的自己测试修正吧,本文仅提供基础的代码供参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//

  • 自定义一个theme在不同的sdk环境下继承不同的值

    先说一下自己的一点小心得: 可能很多在高版本下编绎apk的同学,可能都曾有和我一样的困惑,就是如何让低版本的用户也能有高版本的体验呢,比如3.0才能用的holo style. 于是很多人为此求助了很多开源的sdk,比如holo everywhere,sherlockactionbar等等,但是这些库都很庞大,而且通常添加进去以后,在低版本的机子上也会严重影响到应用运行的速度.所以我们为何不想想,我们的出发点是否也是用户的需求呢?对于这个问题,我女友给了一个否定的答案,她用的是android 2.

  • php读取出一个文件夹及其子文件夹下所有文件的方法示例

    本文实例讲述了php读取出一个文件夹及其子文件夹下所有文件的方法.分享给大家供大家参考,具体如下: 今天的需求要在一个文件夹中读取出这个文件夹下所有的文件,当然也包括这个文件夹下面所有的子文件夹,当然网上有很多的教程,但为了自己理解得更加深刻,还是自己写一下吧.代码如下: $path = './use'; $result = scanFile($path); function scanFile($path) { global $result; $files = scandir($path); f

  • 利用js对象弹出一个层

    复制代码 代码如下: <!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>  <meta http-equiv=

  • jquery原创弹出层折叠效果点击折叠弹出一个层

    jquery原创弹出层折叠效果点击折叠弹出一个层

    弹出层效果很多网站上都用到,今天就整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息.弹出层代码都是jq动态创建,每个人写法都不一样,需求也不一样,所有选择符合自已的即可. html: 复制代码 代码如下: <h1 class="bm"><a href="javascript:;">我要报名</a></h1> 复制代码 代码如下: *{ margin:0; padding:0;} body{ font:1

  • 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开

    一个层关闭之后,就算刷新页面了也不显示.除非关闭页面再次打开 #myDiv{ border:1px solid red; background:#cccccc; width:100px; height:100px; } #mySpan{ cursor:pointer; } function closeDiv(){ document.getElementById("myDiv").style.display = "none"; document.cookie = &q

  • Jquery创建一个层当鼠标移动到层上面不消失效果

    复制代码 代码如下: <!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> <meta http-equiv=&qu

  • js之点击 超连接,提示一个层.点击空白层消失

    请教一下.点击 超连接,提示一个层.点击空白.层消失. 原生js版 提示 BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 } input{ width:200px;border: 1px solid #86B9D6; } #reg_div{ color: #154BA0; border: 1px solid #86B9D6; background: #D9EEF9; position: absolute;

随机推荐