JAVASCRIPT控制层的显示和隐藏
2009-07-28 08:20
357 查看
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function showhide(flag){
if(flag==0){
document.getElementById("news").style.display="none";
document.getElementById("news1").style.display="none";
document.getElementById("news2").style.display="block";
}
if(flag==1){
document.getElementById("news").style.display="block";
document.getElementById("news1").style.display="none";
document.getElementById("news2").style.display="none";
}
if(flag==2)
{
document.getElementById("news").style.display="none";
document.getElementById("news1").style.display="block"
document.getElementById("news2").style.display="none";
}
}
</script>
</head>
<body>
<select name="sex" onchange="showhide(value)">
<option value="0">请选择</option>
<option value="1">女孩</option>
<option value="2">男孩</option>
</select><br><br>
<div id="news2" style="display:block">猜猜我是谁?</div>
<div id="news" style="display:none">我是女生,漂亮的女生</div>
<div id="news1" style="display:none">我是男生,帅帅的男生</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function showhide(flag){
if(flag==0){
document.getElementById("news").style.display="none";
document.getElementById("news1").style.display="none";
document.getElementById("news2").style.display="block";
}
if(flag==1){
document.getElementById("news").style.display="block";
document.getElementById("news1").style.display="none";
document.getElementById("news2").style.display="none";
}
if(flag==2)
{
document.getElementById("news").style.display="none";
document.getElementById("news1").style.display="block"
document.getElementById("news2").style.display="none";
}
}
</script>
</head>
<body>
<select name="sex" onchange="showhide(value)">
<option value="0">请选择</option>
<option value="1">女孩</option>
<option value="2">男孩</option>
</select><br><br>
<div id="news2" style="display:block">猜猜我是谁?</div>
<div id="news" style="display:none">我是女生,漂亮的女生</div>
<div id="news1" style="display:none">我是男生,帅帅的男生</div>
</body>
</html>
相关文章推荐
- javascript控制页面控件隐藏显示的两种方法
- 使用javascript控制cookie显示和隐藏背景图
- javascript 控制 页面元素 显示/隐藏
- javascript控制页面控件隐藏显示的两种方法
- javascript 控制 html元素 显示/隐藏
- 如何动态隐藏表格 javascript 控制 html元素 显示/隐藏
- javascript 控制frameset左边显示与隐藏
- javascript控制页面元素的显示与隐藏
- 用javascript控制div的显示与隐藏
- javascript控制层显示或隐藏的方法
- javascript 控制frameset左边显示与隐藏
- JavaScript控制HTML元素显示和隐藏
- JavaScript控制内容的隐藏和显示
- javascript 控制 DIV等html元素的显示和隐藏 .
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- 使用javascript控制cookie显示和隐藏背景图
- javascript 控制 DIV等html元素的显示和隐藏 .
- javascript控制页面控件隐藏显示的两种方法
- javascript 控制 html元素 显示/隐藏实现代码