如何隐藏层? DIV+CSS+JS

如题所述

隐藏层很容易啊,就是把DIV设置成这样display:none;就行了。用JS操作的话原理是当触发某个事件后执行一个自定义函数,这个函数的功能就是把div的属性从display:block;改成display:none;
希望采纳答案,谢谢。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-12-12

    style=":none;/内容<>none"先说css吧 必然一个 div <display;

  这样 style 里面内容写的就是隐藏

  javascript 也是一样的 无非是用js设置它的这个属性 值为"/d_content"div> 罢了

  这个东西很基础的;div id="/

    把DIV设置成这样display:none;就行了。用JS操作的话原理是当触发某个事件后执行一个自定义函数,这个函数的功能就是把div的属性从display:block;改成display:none;

    这个问题还可以延伸到更多http://houdunwang.com/

第2个回答  2013-06-24
<!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=""> </HEAD> <script type="text/javascript"> function show(id) { document.getElementById(id).style.display='block'; } function hide(id) { document.getElementById(id).style.display='none'; } </script> <BODY> <input type="button" value="点击显示" onclick="show('message')"></input> <div id="message" style="display: none"> <a href="">链接到百度</a> <input type="button" value="点击隐藏" onclick="hide('message')"></input> </div> </BODY> </HTML>
第3个回答  2013-06-24
display:none 隐藏
display:block 显示
JS里面:
var elm = document.getElementById(DIVID); 这里随便你活着用别的方法,取到你的div dom就好
elm.style.display="none"; 隐藏
elm.style.display="block";显示
第4个回答  2015-11-17

示例:

<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid);
if (target.style.display=="block"){
target.style.display="none";
} else {
target.style.display="block";
}
}
}
-->
</script>
<style type="text/css">
.div{ border:1px #06F solid;height:50px;width:100px;display:none;}
a { display:block}
</style>
</head>
<body>
<a href="#" onclick="toggle('div1')">显示/隐藏</a>
<div id="div1" class="div"></div>
<a href="#" onclick="toggle('div2')">显示/隐藏</a>
<div id="div2" class="div"></div>
</body>
</html>

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网