javascript实现网页展开效果

xiangxw 发布于 2010/11/25 19:24
阅读 240
收藏 0

 

#content {
 font-size: 14px;
 width: 150px;
 height: 70px;
 background: #00FFFF;
 overflow: hidden;
}
#key {
 color: red;
 float: right;
}




内容简介: 展开
我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法
加载中
0
xyz555
xyz555

你这个一定要在css里有overflow: hidden;

其实最常用的还是obj.style.display = obj.style.display == "none" ? "block" : "none";

不过显示内容的地方要一个专门的块。

另外我查了一下,js没有style.pixelHeight这个。应该是这个style.height

而且高度设在css里,用content.style.height这个是取不到值的。要这样<div style="height: 70px;"></div>才能取到值。

返回顶部
顶部