会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
无声守候
无声的岁月,我们在默默奔跑。。。
博客园
首页
新随笔
联系
订阅
管理
简单的点击显示、隐藏效果
开始只有头部显示,点击头部再显示出尾部。
事例效果:
<script type="text/javascript"> function show(){ if(document.getElementById("table_foot").style.display=="block"){ document.getElementById("table_foot").style.display="none"; }else{ document.getElementById("table_foot").style.display="block"; } } </script> <table border="1" width="100%"> <tr id="table_head" onclick="show()" style="cursor:pointer;"> <td align="center">头部</td> </tr> <tr id="table_foot" style="display:none;"> <td height="300" align="center" valign="middle" >尾部</td> </tr> </table>
提示:可以先在文本框内,根据需要修改代码后再运行
display="block";
display="none";
调过来就是开始都显示,然后点击头部,尾部隐藏!
posted on
2008-05-06 10:47
JoeYoung
阅读(
1516
) 评论(
3
)
编辑
收藏
举报
刷新页面
返回顶部