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

js实现HTML页面折叠与展开

2007-10-15 22:40 603 查看
下面两行js代码可以十分简洁的实现HTML页面中的折叠与展开！


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>


<HEAD>


<TITLE> New Document </TITLE>


<META NAME="Generator" CONTENT="EditPlus">


<META NAME="Author" CONTENT="">


<META NAME="Keywords" CONTENT="">


<META NAME="Description" CONTENT="">




<SCRIPT>...




function isHidden(oDiv)...{


var vDiv = document.getElementById(oDiv);


vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';


}


</SCRIPT>


</HEAD>




<BODY>


<DIV style="cursor:hand" onclick="isHidden('div1')">div1</DIV>


<DIV id="div1">div1div1div1div1div1</DIV>


<DIV style="cursor:hand" onclick="isHidden('div2')">div2</DIV>


<DIV id="div2">div2div2div2div2div2</DIV>


<DIV style="cursor:hand" onclick="isHidden('div3')">div3</DIV>


<DIV id="div3">div3div3div3div3div3</DIV>


</BODY>


</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航