您的位置:首页 > Web前端 > JavaScript

js实现展开关闭效果

2012-08-08 16:58 253 查看
效果图呈上:

View Code

(function (){
var index=document.getElementById("list_cou_zhankai");
var vars=index.getElementsByTagName("var");
var spans=index.getElementsByTagName("span");
var strongs=index.getElementsByTagName("strong");
var dls=index.getElementsByTagName("dl");
var hei=vars[0].offsetHeight;
for(var i=0;i<spans.length;i++){
spans[i].onclick=function zengjia(){
for(var i=0;i<spans.length;i++){
if(this==spans[i]){
if(vars[i].style.overflow=="visible"){
vars[i].style.overflow="hidden";
vars[i].style.height=45+"px";
strongs[i].innerHTML="▼展开";
}else{
vars[i].style.overflow="visible";
vars[i].style.height="auto";
strongs[i].innerHTML="▲关闭";
}
}
}
}
}
})();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: