首页 > 代码库 > div的显示和隐藏
div的显示和隐藏
比较简单实现.style.display控制层隐藏或显示属性.
<html>
<body>
<script>
function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<input name="name" type="button" onClick="show();" value=http://www.mamicode.com/"显示">
<div id="div" style="display: none" onm ouseout="hidden();">
show it
</div>
</BODY>
</HTML>
<html>
<body>
<script>
function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<input name="name" type="button" onClick="show();" value=http://www.mamicode.com/"显示">
<div id="div" style="display: none" onm ouseout="hidden();">
show it
</div>
</BODY>
</HTML>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。