[求助] 如何让一个层慢慢增高展开,有种向下滑动的效果 [复制链接]

Rank: 2

升级 63.33%

注册时间: 2004-9-22
威望: 45
阅读权限: 20
积分: 145
帖子: 50
精华: 0
UID: 17384
状态: 当前离线

发表于 2006-9-15 09:42:04 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

一键分享

点击展开时
让一个层慢慢增高展开有种向下滑动的效果
点关闭时又慢慢合拢...

谢谢

joelee

大恐龙

Rank: 4

升级 91%

注册时间: 2005-6-21
威望: 616
阅读权限: 50
积分: 955
帖子: 638
精华: 0
UID: 31656
状态: 当前离线

发表于 2006-9-15 12:08:11 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

HTMLObject.style.height=i+"px";
i++

ylwlf

Rank: 2

升级 63.33%

注册时间: 2004-9-22
威望: 45
阅读权限: 20
积分: 145
帖子: 50
精华: 0
UID: 17384
状态: 当前离线

发表于 2006-9-16 11:19:02 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

?

野草

霸王龙

Rank: 6 Rank: 6

升级 23.25%

注册时间: 2005-8-29
威望: 867
阅读权限: 70
积分: 1465
帖子: 867
精华: 0
UID: 36208
状态: 当前离线

发表于 2006-9-18 13:12:37 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

好像要用setTimeOut

http://jinzhe.net

biyuan

管理员

振兴无忧

Rank: 9 Rank: 9 Rank: 9

注册时间: 2003-7-13
威望: 3340
阅读权限: 200
积分: 7647
帖子: 3120
精华: 5
UID: 4354
状态: 当前离线

发表于 2006-9-18 13:59:21 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

风云突变曾经写过一个比较经典的例子：

<script language="JavaScript">
var act;
function over(){
var h = parseInt(mytd.height);
if (h < 164){
mytd.height = h + 2;
clearTimeout(act);
act = setTimeout('over()', 10);
}
}
function out(){
var h = parseInt(mytd.height);
if (h > 30){
mytd.height = h - 2;
clearTimeout(act);
act = setTimeout('out()', 10);
}
}
</script>
<table width="316" height="30" border="2" cellpadding="0" cellspacing="0" id="mytd" onMouseOver="over()" onMouseOut="out()">
<tr>
<td>无忧脚本 - 风云突变</td>
</tr>
</table>

复制代码运行代码另存代码

如果您需要提问题之前，请先尝试以下两个链接：
http://bbs.51js.com/search.php
http://bbs.51js.com/viewthread.php?tid=21031
===============================
先无忧之忧而忧，后无忧之乐而乐。

ylwlf

Rank: 2

升级 63.33%

注册时间: 2004-9-22
威望: 45
阅读权限: 20
积分: 145
帖子: 50
精华: 0
UID: 17384
状态: 当前离线

发表于 2006-10-10 12:14:39 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

上面的例子都设置了高度的.如果不设置高度呢

a2a2a2

Rank: 3 Rank: 3

升级 82.67%

注册时间: 2004-1-2
威望: 239
阅读权限: 30
积分: 448
帖子: 232
精华: 0
UID: 7687
状态: 当前离线

发表于 2006-10-10 13:06:07 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

如果不设置度。
脚本里
height改成offsetHeight

枫岩

Rank: 3 Rank: 3

升级 98.67%

注册时间: 2003-12-28
威望: 135
阅读权限: 30
积分: 496
帖子: 100
精华: 1
UID: 7576
状态: 当前离线

发表于 2006-11-6 11:30:12 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

改了下风云的代码，让其在FF下也可以应用：

<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

Rank: 3 Rank: 3

升级 12%

注册时间: 2005-2-21
威望: 73
阅读权限: 30
积分: 236
帖子: 73
精华: 0
UID: 23822
状态: 当前离线

发表于 2006-11-6 11:33:35 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

把楼上的代码再优化一下.

<script>
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>

复制代码运行代码另存代码

[ 本帖最后由 fangxiao9159 于 2006-11-6 11:35 编辑 ]

ajaxian

Rank: 3 Rank: 3

升级 6.33%

注册时间: 2006-6-5
威望: 128
阅读权限: 30
积分: 219
帖子: 129
精华: 0
UID: 52649
状态: 当前离线

发表于 2006-11-6 11:37:30 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

很多库是做这个的 moo.fx 最专业， jsLINB 的 fx 可是，最近还有个 animator.js

阿牧

Rank: 3 Rank: 3

升级 22%

注册时间: 2004-8-16
威望: 141
阅读权限: 30
积分: 266
帖子: 148
精华: 0
UID: 15624
状态: 当前离线

发表于 2007-2-28 17:09:51 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

留一个脚印吧，，第二个效果挺好的。

lpdownload

Rank: 3 Rank: 3

升级 35.33%

注册时间: 2007-2-2
威望: 147
阅读权限: 30
积分: 306
帖子: 154
精华: 0
UID: 65204
状态: 当前离线

发表于 2007-2-28 17:41:25 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

都挺好，不过第2个更爽些

aspxer

Rank: 3 Rank: 3

升级 19.67%

注册时间: 2005-1-22
威望: 93
阅读权限: 30
积分: 259
帖子: 81
精华: 0
UID: 22816
状态: 当前离线

发表于 2007-2-28 22:52:00 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

我写过一个类，不知道是不是你要的这种。

<!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="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<STYLE>
body {
background-color: #EEEEEE;
margin: 0px;
text-align: center;
}
#wrap {
width: 736px;
background-color: #FFFFFF;
overflow: hidden;
margin: 12px;
padding: 12px;
}
#topcontainer {
height: 80px;
width: 732px;
background-color: #99FF66;
border: 1px solid #79F200;
}
#bodycontainer {
height: 400px;
width: 100%;
margin-top: 12px;
}
#bottomcontainer {
height: 60px;
width: 100%;
margin-top: 12px;
}
#topwrap {
width: 100%;
}
#leftcontainer {
background-color: #99FF66;
height: 400px;
width: 120px;
float: left;
border: 1px solid #79F200;
}
input {
background-color: #99FF66;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #79F200;
border-right-color: #79F200;
border-bottom-color: #79F200;
border-left-color: #79F200;
line-height: 28px;
background-position: center;
height: 30px;
}
</STYLE>
</head>
<body>
<br />
<div id="wrap">
<div align="left" style="margin-bottom:3px">
<input type="button" id="showtop" onclick="topslider.show();this.style.display='none';document.getElementById('hidetop').style.display='';" value="展开顶部"/>
<input type="button" id="hidetop" value="关闭顶部" onclick="topslider.hide();this.style.display='none';document.getElementById('showtop').style.display='';" style="display:none"/>
</div>
<div id="topwrap">
<div id="topcontainer" style="display:none"></div>
</div>
<div id="bodycontainer">
<div id="leftcontainer" style="display:none"><br />
<br />
<br />
</div>
<div align="left">
<input type="button" id="showleft" value="展开左侧" onclick="leftslider.show();this.style.display='none';document.getElementById('hideleft').style.display='';"/>
<input type="button" id="hideleft" value="关闭左侧" onclick="leftslider.hide();this.style.display='none';document.getElementById('showleft').style.display='';" style="display:none"/>
</div>
</div>
<div id="bottomcontainer"></div>
</div>
<script language="JavaScript" type="text/javascript">
slider.names = new Array();
function slider()
{
this.id = slider.names.length;
slider.names[this.id] = this;
this.target = document.getElementById(arguments[0]); //第一个参数：被操作div的id
this.direction = arguments[1];//第二个参数：div弹出的方向
this.height = arguments[2];//第三个参数：div的高度
this.width = arguments[3];//第四个参数：div的宽度
this.step = arguments[4];//第五个参数：希望动作分解为几步完成
this.timer = 10 * arguments[5];//第六个参数：每个动作的间隔时间，10ms为一个单位
this.startopa = arguments[6];//第七个参数：div开始的透明度
this.sparent = this.target.parentNode;//获取操作div的父容器
this.intervalid = null;//循环定时的id
this.i = 0;//循环的计数器
this.status = 0;//slider层的状态：0-可以展开；1-不可以展开
this.target.style.display = "none";//先将div隐去
return this;
}
slider.prototype.initialize = function()
{
this.sparent.style.overflow = "hidden";//设置父容器overflow
this.target.style.width = Number(this.width) + 'px';//设置目标div的宽度
this.target.style.height = Number(this.height) + 'px';//设置目标div的高度
this.target.style.position = "";//设置目标div的定位方式
this.target.style.display = "";//设置目标div的显示方式
this.target.style.filter = 'Alpha(opacity=' + Number(this.startopa) + ')';//设置目标div的透明度为初始透明度
this.target.style.overflow = "hidden";//设置overflow
switch(this.direction)//根据弹出方向设定div的margin
{
case 1://left to right
this.target.style.marginLeft = "-" + this.width + "px";
break;
case 2://top to bottom
this.target.style.marginTop = "-" + this.height + "px";
break;
case 3://right to left
this.target.style.marginRight = "-" + this.width + "px";
break;
}
}
slider.prototype.show = function()
{
if (this.status==0)//检查状态是否已经展开
{
this.initialize();//操作div及其父容器的初始化
this.intervalid = window.setInterval("slider.names["+this.id+"].cycle()",this.timer);//设置动作循环
}
}
slider.prototype.hide = function()
{
if (this.status==1)//检查状态是否已经展开
{
this.intervalid = window.setInterval("slider.names["+this.id+"].decycle()",this.timer);//设置动作循环
}
}
slider.prototype.cycle = function() //单步循环动作
{
var opa = this.target.style.filter.split("=")[1].split(")")[0]//获取目标div的透明度数值
var opastep = Math.round(((100 - Number(opa)) / this.step)+2.5);//计算每步增加的透明度
var nopa = Number(opa) + Number(opastep);//当前透明度
if (nopa>100){this.target.style.filter = 'Alpha(opacity=100)';}else{this.target.style.filter = 'Alpha(opacity=' + String(nopa) + ')';}//给div透明度赋值
switch(this.direction)//根据弹出方向计算和设定div的动作
{
case 1: //left to right
var opx = this.target.style.marginLeft.split("px")[0];
var pxstep = Math.round((this.width / this.step)+0.5);
var npx = Number(opx) + Number(pxstep);
if (npx>0){this.target.style.marginLeft = '0px';}else{this.target.style.marginLeft = String(npx) + 'px';}
break;
case 2: //top to bottom
var opx = this.target.style.marginTop.split("px")[0];
var pxstep = Math.round((this.height / this.step)+0.5);
var npx = Number(opx) + Number(pxstep);
if (npx>0){this.target.style.marginTop = '0px';}else{this.target.style.marginTop = String(npx) + 'px';}
break;
case 3: //right to left
var opx = this.target.style.marginRight.split("px")[0];
var pxstep = Math.round((this.width / this.step)+0.5);
var npx = Number(opx) + Number(pxstep);
if (npx>0){this.target.style.marginRight = '0px';}else{this.target.style.marginRight = String(npx) + 'px';}
break;
}
this.i++ //计数器+1
if (this.i>(this.step-1)){window.clearInterval(this.intervalid);this.i=0;this.status=1;} //循环完毕，清除循环定时
}
slider.prototype.decycle = function() //单步循环动作
{
var opa = this.target.style.filter.split("=")[1].split(")")[0]//获取目标div的透明度数值
var opastep = Math.round(((100 - Number(opa)) / this.step)+2.5)*2;//计算每步增加的透明度
var nopa = Number(opa) - Number(opastep);//当前透明度
if (nopa<this.startopa){this.target.style.filter = 'Alpha(opacity=' + this.startopa + ')';}else{this.target.style.filter = 'Alpha(opacity=' + String(nopa) + ')';}//给div透明度赋值
switch(this.direction)//根据弹出方向计算和设定div的动作
{
case 1: //left to right
var opx = this.target.style.marginLeft.split("px")[0];
var pxstep = Math.round((this.width / Math.round(this.step*0.5))+0.5);
var npx = Number(opx) - Number(pxstep);
if (Math.abs(npx)>this.width+2){this.target.style.marginLeft = '-' + this.width + 'px';}else{this.target.style.marginLeft = String(npx) + 'px';}
break;
case 2: //top to bottom
var opx = this.target.style.marginTop.split("px")[0];
var pxstep = Math.round((this.height / Math.round(this.step*0.5))+0.5);
var npx = Number(opx) - Number(pxstep);
if (Math.abs(npx)>this.height+2){this.target.style.marginTop = '-' + this.height + 'px';}else{this.target.style.marginTop = String(npx) + 'px';}
break;
case 3: //right to left
var opx = this.target.style.marginRight.split("px")[0];
var pxstep = Math.round((this.width / Math.round(this.step*0.5))+0.5);
var npx = Number(opx) - Number(pxstep);
if (Math.abs(npx)>this.width+2){this.target.style.marginRight = '-' + this.width + 'px';}else{this.target.style.marginRight = String(npx) + 'px';}
break;
}
this.i++ //计数器+1
if (this.i>(Math.round(this.step*0.5)-1)){window.clearInterval(this.intervalid);this.i=0;this.status=0;this.target.style.display = "none";} //循环完毕，清除循环定时
}
//关于如何使用这个代码的说明：
//上面的代码可以封装成为一个单独的js文件，然后包含在页面当中
//然后使用下面的代码进行slider初始化，一个页面可以使用多个slider，下面的代码必须在页面底部</body>之前，否则可能会报错
var topslider = new slider('topcontainer',2,80,734,20,2,20);
var leftslider = new slider('leftcontainer',1,398,120,20,1,20);
//参数分别代表的意义可以在代码顶端看到
//控制slider动作可以使用两种方式
//一种是使用下面声明的名字调用，比如topslider.show(),topslider.hide()
//另一种可以使用slider.names[0].show(),slider.names[0].hide()，下标取决于slider初始化的顺序
</script>
</body>
</html>

复制代码运行代码另存代码

manng

Rank: 3 Rank: 3

升级 99.67%

注册时间: 2004-10-11
威望: 84
阅读权限: 30
积分: 499
帖子: 70
精华: 0
UID: 18050
状态: 当前离线

发表于 2007-3-2 02:25:53 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

13樓的在FF下有bug

命运总是迂回向前

hasp

Rank: 2

升级 88.67%

注册时间: 2006-6-4
威望: 108
阅读权限: 20
积分: 183
帖子: 109
精华: 0
UID: 52618
状态: 当前离线

发表于 2007-3-4 15:14:22 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

原帖由枫岩于 2006-11-6 11:30 发表
改了下风云的代码，让其在FF下也可以应用：

<script type="text/javascript">
//Url: http://bbs.51js.com/thread-61646-1-1.html
//Author: 风云突变
//Modify: 枫岩
var act;
functi ...

ModernSky

小虫

Rank: 1

升级 16%

注册时间: 2006-7-25
威望: 3
阅读权限: 10
积分: 8
帖子: 5
精华: 0
UID: 54772
状态: 当前离线

发表于 2007-5-2 21:45:23 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

回复 #8 枫岩的帖子

请问这个兼容FF的代码，如何改成13楼的使用鼠标点击来控制的呢？:hug:

AJan

Rank: 3 Rank: 3

升级 9.33%

注册时间: 2007-4-4
威望: 113
阅读权限: 30
积分: 228
帖子: 112
精华: 0
UID: 67572
状态: 当前离线

发表于 2007-5-26 00:25:13 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

看看这个吧

<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
span {cursor:pointer;color:blue;
}
-->
</style>
<script language="JavaScript">
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID)
: document.all[aID];
}
var file_gx;
var f_timeID;
var f_move_step=4;//值越小越平滑，速度越慢
var f_move_speed=8; // 值越小越平滑，速度越慢
function ProductFile(){
file_gx=Math.abs(parseInt(getElement("div_file").style.height)-150);
if (f_timeID ==undefined){
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
else {
clearTimeout(f_timeID);
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}
function tween_weatherm_move(){
var wobj=getElement("div_file");
var cx=parseInt(wobj.style.height);
cx+=(file_gx-cx)/f_move_step;
cx=parseInt(cx);
wobj.style.height=cx+"px";
if (Math.abs(cx-file_gx)<1){
wobj.style.height=file_gx+"px";
clearTimeout(f_timeID);
f_timeID=undefined;
}else{
f_timeID = setTimeout(tween_weatherm_move,f_move_speed);
}
}
</script>
<table width="500" border="0" cellpadding="3" cellspacing="1" bgcolor="#999999">
<tr>
<td height="25" align="right" bgcolor="#CCCCCC"><span onclick="ProductFile();">点击这里</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="height:150px;" id="div_file"> </td>
</tr>
</table>

复制代码运行代码另存代码

http://www.AJan.cn

一叶飘红

Rank: 3 Rank: 3

升级 93%

注册时间: 2004-9-10
威望: 274
阅读权限: 30
积分: 479
帖子: 275
精华: 0
UID: 16844
状态: 当前离线

发表于 2008-7-1 17:26:04 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

请问下8楼感应展开后内容放在哪里？

同样是人，有善有恶；同样说爱，有真有假。

goldduck

Rank: 2

升级 2.67%

注册时间: 2006-1-5
威望: 25
阅读权限: 20
积分: 54
帖子: 25
精华: 0
UID: 45417
状态: 当前离线

发表于 2008-7-2 17:07:08 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

楼主要的是这种效果吧?

<div id="mydiv" style="width:200px;border:1px solid green">
航班延迟，我成了机场最后抵达的一批旅客。辉煌的灯火，一盏一盏熄灭在我身后，当走出机场的那一刻。
　　热闹的机场，原来，也有寂寞的时候。人去楼空，我回眸与机场对望，带着相互了解的心情。曲终人散，它以寂寥的街灯对应。
　　差点回不了家的，还是在最后一秒赶上了最后一班飞机。登机前，我把所有的喜悦、疲惫、忧伤……等沉重的行李一一卸下，决心以幸福的姿势飞翔。
　　随身携带的，唯有真爱。
</div>
<input type=button value="collapse" onclick="accordionCollapse(mydiv)"><input type=button value="expand" onclick="accordionExpand(mydiv)">
<script>
/**
*滑动闭合
*@param {Object} 要闭合的div,diplay必须为""
*
*/
function accordionCollapse(o)
{
if(o.processaccordion) return;
if(o.style.display=="none") return;
o.processaccordion=true;
var tmpnode=o.nextSibling;
if(tmpnode==null||!tmpnode.isAccordion)
{
tmpnode=document.createElement("div");
tmpnode.isAccordion=true;
tmpnode.style.overflow="hidden";
var parentNode=o.parentNode;
parentNode.insertBefore(tmpnode,o.nextSibling);
}
//alert(o.offsetWidth+":"+o.clientWidth)
tmpnode.style.width=o.offsetWidth;
tmpnode.style.height=o.offsetHeight;
tmpnode.style.display="";
o.style.width=o.clientWidth;
o.style.position='absolute';
var step=1;
setTimeout(function(){return accordionIn.apply(o,[{'div':tmpnode,'acc':o,'height':o.offsetHeight,'progress':0,'step':step}])},41)
}
/**
*滑动展开
*@param {Object} 要展开的div,diplay必须为none
*
*/
function accordionExpand(o)
{
if(o.processaccordion) return;
if(o.style.display!="none") return;
o.processAccoridion=true;
var tmpnode=o.nextSibling;
if(tmpnode==null||!tmpnode.isAccordion)
{
tmpnode=document.createElement("div");
tmpnode.isAccordion=true;
var parentNode=o.parentNode;
tmpnode.style.overflow="hidden";
parentNode.insertBefore(tmpnode,o.nextSibling);
}
o.style.display="";
o.style.width=o.clientWidth;
o.style.position='absolute';
tmpnode.style.width=o.offsetWidth;
tmpnode.style.height=0;
tmpnode.style.display="";
var height=o.offsetHeight;
var step=5;
var tl=5;
while(true)
{
tl=tl+step*3
if(tl>=height) {break;}
else
step=step*3;
}
var s=height-(tl-step*3);
tmpnode.style.height=s;
o.style.marginTop=s*-1;
o.style.clip="rect("+s+" auto auto auto)";
setTimeout(function(){return accordionOut.apply(o,[{'div':tmpnode,'acc':o,'height':height,'progress':s,'step':step}])},41)
}
function accordionIn(o)
{
o.progress=o.progress+o.step;
if(o.step<12)
o.step=o.step+1
else
o.step=o.step*3;
o.acc.style.clip="rect("+o.progress+" auto auto auto)";
o.acc.style.marginTop=o.progress*-1;
if(o.height-o.progress<0)
o.div.style.display="none";
else
o.div.style.height=o.height-o.progress;
if(o.progress>=o.height)
{
o.acc.style.display="none"
o.div.style.display="none";
o.acc.processaccordion=false;
// o.div.parentNode.removeNode(o.div,true);
}
else
setTimeout(function(){return accordionIn.apply(o,[o])},41)
}
function accordionOut(o)
{
if(o.height-o.progress<=5) {
o.progress=o.progress+1;
}
else
{
o.progress=o.progress+o.step;
o.step=o.step/3;
}
o.acc.style.clip="rect("+(o.height-o.progress)+" auto auto auto)";
o.acc.style.marginTop=o.progress-o.height;
o.div.style.height=o.progress;
if(o.progress>=o.height)
{
o.acc.style.position="static";
o.div.style.display="none"
o.acc.processaccordion=false;
return;
}
else
setTimeout(function(){return accordionOut.apply(o,[o])},41)
}
</script>

复制代码运行代码另存代码

[[I] 本帖最后由 goldduck 于 2008-7-2 17:11 编辑 [/I]]

lishuqiang

大恐龙

Rank: 4

升级 5.4%

注册时间: 2004-11-23
威望: 249
阅读权限: 50
积分: 527
帖子: 257
精华: 0
UID: 20041
状态: 当前离线

发表于 2008-11-6 09:36:49 |显示全部楼层 |串个门|加好友|打招呼|发消息 |

原帖由 [I]biyuan[/I] 于 2006-9-18 13:59 发表
风云突变曾经写过一个比较经典的例子：

var act;
function over(){
var h = parseInt(mytd.height);
if (h < 164){
mytd.height = h + 2;
clearTimeout(act);
act = setTimeout('over()', 10);
}
...

<script language="JavaScript">
var act;
function over(){
var h = parseInt(mytd.height);
if (h < 164){
mytd.height = h + 2;
clearTimeout(act);
act = setTimeout('over()', 10);
}
}
function out(){
var h = parseInt(mytd.height);
if (h > 30){
mytd.height = h - 2;
clearTimeout(act);
act = setTimeout('out()', 10);
}
}
</script>
<table width="316" height="30" border="2" cellpadding="0" cellspacing="0" id="mytd" onMouseOver="over()" onMouseOut="out()">
<tr>
<td>代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠代码实例：层的滑动展开/折叠</td>
</tr>
</table>

复制代码运行代码另存代码

青岛开发区信息网烟台装修网在线影院美容网
www.ainy.com.cn