DIV的隐藏设置

最新推荐文章于 2024-10-19 16:42:00 发布
最新推荐文章于 2024-10-19 16:42:00 发布
阅读量526 收藏
点赞数

DIV设置 属性visibility:hidden;时，它是不显示的，但却占据了一块空白的空间 。

不想让它在占空间 。当 点击相应的按钮时 ，来切换不同的 div ，让其它的显示 。



不要用visibility，用css的display 

display:none;隐藏（不占空间的） 
display:block;显示 

通过js的onclick事件切换div的display状态就行了！;
 

<span style="font-size:18px;">document.getElementById("#").style.display="none"
document.getElementById("#").style.display="block"</span>



js实现div层的显示与隐藏
10-17
使用js代码实现div层的显示与隐藏，主要是radio的属性。
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
10-24
在本文的代码中，$(document).trigger("click")模拟了一个点击事件，并且该事件会传递到document上，因此无论是div内部还是外部的点击，都能够响应并触发相应的处理函数，从而实现了div内外点击都可能导致div隐藏的...
div显示与隐藏
ANNA
06-02 1545
转载自： http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html visibility隐藏的对象还保留对象显示时所占的物理空间，display则不保留。可以保存下面的代码看看效果： 具体步骤： 代码示例： ←SS属性为visibility:hidden的对象 ←SS属性为display:non...
HTML5----hidden属性
Damys
04-22 3819
当一个网页元素有了hidden属性后，它的表现跟CSS的display: none;作用非常相似，元素将会消失，而且不占用任何页面空间。写法很简单：
div隐藏属性
07-05 430
比较简单的实现.style.display就是控制层隐藏或显示的属性. <html> <body> <script> functionshow(){ document.getElementById("div").style.display=""; //a...
jq之div hide slow
wanggang182007的博客
01-18 222
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.
jQuery实现提交表单时不提交隐藏div中input的方法
10-16
在本例中，我们探讨的是如何使用jQuery来实现一个特定的功能：在提交表单时，不包括隐藏div中的input元素的值。这是因为通常情况下，表单在提交时会包含所有可见或不可见的input元素的值，而我们有时希望隐藏部分...
jQuery随便控制任意div隐藏的方法
12-03
这段HTML代码创建了一个包含六个`div`元素的布局，每个`div`都设置了背景颜色、宽度、高度、边距和浮动样式，以形成一个简单的列状排列。 ```html <!DOCTYPE html> div { background: #ece023; width: 30px;...
点击页面其它地方隐藏该div的两种思路
12-07
思路一 第一种思路分两步 第一步：对document的click事件绑定事件处理程序，使其隐藏该div 第二步：对div的click事件绑定事件处理程序，阻止事件冒泡，防止其冒泡到document，而调用document的onclick方法隐藏了该...
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
11-17
`设置为默认隐藏。当鼠标悬停在`.show-on-hover`上时，由于`.container:hover .hidden-div`的选择器匹配，`.hidden-div`的`display`属性变为`block`，从而使其显示。 如果需要处理多个并存的div，可以为每个div组合...
div加hidden属性后,用css的visibility:visible没法使其可见
kfepiza的博客
08-10 841
设置了hidden属性后,相当于display:none,元素不再占位, 而visibility:hidden时,元素会占位。div加hidden属性后,用css的visibility:visible没法使其可见。点击按钮设置div3的visibility:hidden , 布局没有发生变化。
css hide div
挨冻的晓东
02-12 1009
New Document 最新日志1 111111111111111111 最新日志2 222222222222222 test test 最新日志3 3333333333...
html div hide,Hide div after the CSS3 animation
weixin_33371495的博客
06-10 251
Would like to know how to hide an div after a set of css3 animation. Here's my code:htmlhover me​css3#box{position:absolute;top:200px;left:200px;width:200px;height:150px;background-color:red;}#box:hov...
overflow:hidden属性给div具体格式化
sunzemin1234的博客
11-22 240
通过overflow的hidden属性解决margin的bug问题 代码如下： <!DOCTYPE html> <html> <head> <title>overflow</title> <meta charset="UTF-8" /> <style type="text/css"> .outer{ ...
div隐藏(设置div隐藏)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
02-25 4234
javascript div的显示隐藏 这个需求很简单 btn1 btn2 btn3 $(function(){ varitems=$('.content.item');//拿到所有的div varbtns=$('.navbutton');//拿到所有的按钮 btns...
div 隐藏和显示
flyer222的专栏
04-23 4536
标题：关于div的隐藏出处：沧海一粟时间：Wed, 27 Sep 2006 10:53:45 +0000作者：jed地址：http://jed.dzhope.com/read.php/83.htm内容：div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白style="visibility: none;"document.getElementById("typediv1")
关于HTML5的hidden属性
dreamjl的专栏
07-26 1246
用法很简单： 这个属性的表现类似css的display:none，用了这个属性后，元素会被隐藏，块级元素也会折叠起来不再占位，也就是说，hidden和visible:hidden不一样。所以，对于不支持HTML5的浏览器来说，也可以做下简单的兼容： *[hidden] { display: none; }这样就给所有带hidden属性的标签设置了display:none的样式。 也许有人会说
如何在html里面隐藏DIV元素？使用场景是什么？底层原理是什么？
最新发布
长风破浪会有时的博客
10-19 1738
页面初始化时隐藏：如果某些内容在页面加载时不需要显示，但在后续操作中可能会显示出来，可以使用。保留布局位置：如果需要保留某个元素的位置，但暂时不想显示其内容，可以使用。动态控制显示状态：如果需要根据用户的交互或其他条件动态控制元素的显示状态，可以使用 JavaScript 来修改元素的display属性。快速定义样式：如果需要在 HTML 标签中快速定义样式，可以使用内联样式。CSSdisplay属性：控制元素是否在页面上绘制及占用空间。CSSvisibility属性。
div的显示隐藏方法汇总
CYY941027的博客
08-05 850
$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#demo").attr(“style”,“display:none;”);//隐藏div $("#demo").attr(“style”,“display:block;”);//显示div $("#demo").css(“display”,“none”);//隐藏div $("#demo").css(“display”,“block”);//显示div jquery判断元素是
设置div隐藏和显示
09-29
在HTML和CSS中，设置`<div>`元素的隐藏和显示通常通过CSS的"display"属性来控制。以下是两种常见的方法： 1. 隐藏 (`display:none;`): 当你想让某个`<div>`不占据页面空间并且不可见时，可以将其样式设置为 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值