| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1235 人关注过本帖
标题:鼠标事件改变表格高度加上平滑过渡效果
取消只看楼主 加入收藏
sjzfls
Rank: 1
等 级:新手上路
帖 子:119
专家分:0
注 册:2007-5-11
结帖率:0
收藏
 问题点数:0 回复次数:0 
鼠标事件改变表格高度加上平滑过渡效果
下面的代码是一个表格平滑展开,
问能否实现 两个(或多个)表格切换呢?

-------------------------------                                  ----------------------------------
点表一                                                           表一
------------------------------         点表一后 变成         
表二



                                                               ---------------------------------------
                                                                    表二
-------------------------------                               ----------------------------------------

   图1                                                                    图2


即 点表一后 平滑切换 成 图2,    点表二后  平滑切换 成 图1 .

就是类似于折叠菜单的效果.




代码:

<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>
搜索更多相关主题的帖子: 鼠标 表格 高度 效果 
2008-04-14 11:06
快速回复:鼠标事件改变表格高度加上平滑过渡效果
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017408 second(s), 8 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved