js实现展开关闭效果
2012-08-08 16:58
253 查看
效果图呈上:
View Code
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="▲关闭"; } } } } } })();
相关文章推荐
- js操作css属性实现div层展开关闭效果的方法
- js操作css属性实现div层展开关闭效果的方法
- JS实现简单的顶部定时关闭层效果
- JS实现点击图片在当前页面放大并可关闭的漂亮效果
- JS实现仿微博可关闭弹出层效果
- JS实现可拖曳、可关闭的弹窗效果
- 用js实现图片展开的效果
- js实现点击向下展开的下拉菜单效果代码
- JS实现可自定义大小,可双击关闭的弹出层效果
- JS实现可点击展开与关闭的左侧广告代码
- js和css3实现能够展开和折叠的折扇效果
- js如何实现目录树形展开收缩效果(2)
- jq与原生js实现收起展开效果
- JS实现光滑展开合拢的菜单效果代码
- js实现的定时关闭页面或定时提醒效果代码
- js如何实现目录树形展开收缩效果(1)
- JS+CSS实现的简单折叠展开多级菜单效果
- JS实现光滑展开合拢的菜单效果代码
- js实现选项卡内容切换以及折叠和展开效果【推荐】
- js实现可折叠展开的手风琴菜单效果