JavaScript实现兼容IE6的收起折叠与展开效果实例

本文实例讲述了JavaScript实现兼容IE6的收起折叠与展开效果。分享给大家供大家参考，具体如下：

收起折叠效果本身不难，但是div是否超出高度不应该利用innerHTML去判断，收起折叠的时候把所有div的innerHTML搞到一个变量又把一个变量的内容通过截取字符串的方式，又将其放到div。下面提供一种通过div本身固有的高度来判断div是否过高，如果过高则提供折叠收起的按钮。

div的高度通过内容是通过后端输出的，代码：

rush:js;">

PHP echo "

s

s

s

s

s

s

s

s

s

s

s

s

s

"; ?>

运行结果如下：

那么，我就是可以根据div的高度来做文章了。做出如下的效果：

HTML布局如下，用一个id为fold的div将你要收起、展开的内容，夹起来。之后，在这个id为fold的div中放一个宽度为100%的按钮，设置一个id为more_btn的按钮，因为要在脚本处在加载网页就开始判断，id为fold的div的高度，如果id为fold的div的高度过小，这个id为more_btn的按钮就没有显示的必要了。同时，将这个放内容的div与button放在一个div里面。

rush:xhtml;"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">

占位置

占位置

占位置

占位置

占位置

占位置

占位置

占位置

占位置

占位置

占位置

占位置