<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml11-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/htmlcharset=utf-8" />
<style type="text/css">
<!--
#info{
width:200px
height:200px
display:none /*先把 DIV 隐藏*/
background-color:#ccc
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=function (){
// 获取元素
var oBut=document.getElementById("but") // 按钮
var oInfo=document.getElementById("info") // 要显示的DIV
// 给按钮添加 事件
oBut.onclick=function (){
// 如果DIV 已经显示了,则隐藏否则,显示
if(oInfo.style.display=="block"){ // 如果 DIV 已经显示了
oInfo.style.display="none" // 隐藏
}else{ // 否则
oInfo.style.display="block" // 显示
}
}
}
//-->
</script>
</head>
<body>
<input type="button" value="展开" id="but" />
<div id="info">显示信息</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)