网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.js读取本地excel文档数据.
.用JavaScript绘图—JS2D函数集.
.利用JAVASCRIPT制作简单动画.
.完美解决一个事件激活多个函数(2).
.如何选择Javascript框架(Javascr.
.网页常用小技巧—javascript篇.
.HTML页面如何象asp一样接受参数.
.Javascript实例教程(18) 数组.
.突破IE屏蔽限制,自己的网站使劲.
.Javascript实例:Select的OnChan.
.关于搜索引擎页面分析中的 javas.
.URL编码转换,escape() encodeURI.
.JavaScript自定义模式对话框.
.JavaScript Web页面内容导出到Wo.
.全面理解javascript的caller,cal.
.用javascript屏蔽链接URL的显示.
.javaScript实现checkbox多项选择.
.Javascript实例教程(14) JS代替C.
.JAVASCRIPT加密解密终级指南.
.根据下拉框选项来实时改变Form目.

JS实现滑动展开与折叠效果

发表日期:2006-11-9


以下是引用片段:
<script type="text/javascript">
//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 < nMax){
    obj.style.height = (h + 2)+"px";
    clearTimeout(act);
    act = setTimeout("over('"+s+"',"+nMax+")", 10);
  }
}
function out(s,nMin){
  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);
  }
}
</script>
<div id="mytd" onmouseover="over('mytd',200);" onmouseout="out('mytd',30);" style="background:#eee;">代码实例:层的滑动展开/折叠</div>


无忧网友 fangxiao9159 再次优化后:
以下是引用片段:
<script type="text/javascript">
var intervalId = null;
function move(id,state){
  var obj = document.getElementById(id);
  if(intervalId != null) 
    window.clearInterval(intervalId);
  function change(){
   var h = parseInt(obj.offsetHeight);
   obj.style.height = (state == "down") ? (h + 2) : (h - 2);
  }
  intervalId = window.setInterval(change,10);
}
</script>
<table border="1" cellpadding="0" cellspacing="0" id="mytd" onmouseover="move('mytd','down');" onmouseout="move('mytd','out');">
<tr><td>无忧脚本 - 风云突变</td></tr></table>

上一篇:一段非常简单的让图片自动切换js代码 人气:18069
下一篇:JavaScript中的字符串操作 人气:31915
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐