网页里实现页面折叠的两种方法

方法一：需要两张小图，一个表示上，一个表示下，本例中为toggle_gray_up.gif和toggle_gray_down.gif。源自www.donews.com。查看运行效果。html和javascript代码如下：

function ToggleVisible(targetID, imageID, linkImage, linkImageCollapsed){ if (document.getElementById){    target = document.getElementById(targetID);    if (target.style.display == "none") {     target.style.display = "";    } else {     target.style.display = "none";    }        if (linkImageCollapsed != "") {     image = document.getElementById(imageID);     if (target.style.display == "none") {      image.src = linkImageCollapsed;     } else {      image.src = linkImage;     }    }   }}

test 123 123 12 testtest 123 123 12 testtest 123 123 12 test

方法二：什么都不需要。直接点表头就可以实现折叠。源自徐静蕾的blog。查看运行效果。html和javascript代码如下：function $(s){return document.getElementById(s);}function swap(s,a,b,c){$(s)[a]=$(s)[a]==b?c:b;}function hide(s){$(s).style.display=$(s).style.display=="none"?"":"none";}

                              分类 test 123 123 12 testtest 123 123 12 testtest 123 123 12 test

Trackback: http://tb.donews.net/TrackBack.aspx?PostId=768666