精华内容
下载资源
问答
  • 使用js代码实现div层的显示与隐藏,主要是radio的属性。
  • div 隐藏显示

    万次阅读 2019-04-14 09:02:10
    div 隐藏显示

    首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的。教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈~我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转到教程

                   

    <html>
    <title>index</title>
    <head>
    <script> 

    </script>

    </head>
    <body >
    <a href="#" onclick="document.getElementById('oDiv').style.display='block'">click</a>
    <div id="oDiv" style="display:none"> this is a herf</div>
    </body>
    </html>

    比较简单的实现.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="显示"><div id="div" style="display: none" onMouseout="hidden();">show it</div></BODY></HTML> 


    div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

    style="visibility: none;"

    document.getElementById("typediv1").style.visibility="hidden";//隐藏

    document.getElementById("typediv1").style.visibility="visible";//显示


    通过设置display属性可以使div隐藏后释放占用的页面空间,如下

    style="display: none;"

    document.getElementById("typediv1").style.display="none";//隐藏

    document.getElementById("typediv1").style.display="";//显示

    如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。

               

    浏览人工智能教程

    展开全文
  • css中display和visibility可以隐藏显示html元素包括DIV层。看起来两者非常类似,很多人会搞混。下面分别介绍两者的属性: display:none|block; display:none; 隐藏该html元素,确切的说,是在浏览器中消除该元素,...
  • 纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
  • 显示隐藏一个div特效的方法有很多,下为大家介绍下使用纯css3是如何实现的,感兴趣的朋友可以参考下
  • DIV显示与隐藏属性设置

    万次阅读 2019-05-13 21:41:23
    $("#div").attr("style","display:block"); $("#div").attr("style","display:none"); $("#div").show(); $(".div")[0].style.display = 'none'; $(".div")[0].style....visibility隐藏的对象还保留对象显示时所...
    $("#div").attr("style","display:block");
    $("#div").attr("style","display:none");
    $("#div").show();
    $(".div")[0].style.display = 'none'; 
    $(".div")[0].style.display = 'block';
    

    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。

    <div style="border:1px solid #000;background:#eee">
    
    <span style="width:200;height:200;visibility:hidden"></span>
    
    ←SS属性为visibility:hidden的对象
    
    </div><br>
    
    <div style="border:1px solid #000;background:#666">
    
    <span style="width:200;height:200;display:none"></span>
    
    ←SS属性为display:none的对象
    
    </div>
    
    

    用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。

    display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline

    none 隐藏元素,不保留元素显示时的空间。

    block块方式显示元素

    inline 以内嵌方式显示元素。

    inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。

    list-item 将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)

    table-header-group 将元素作为表格标题组显示,相当于tHead元素。

    table-footer-group 将元素作为表格脚注组显示,相当于tFoot元素。

    visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:

    inherit 继承父元素的visibility属性设置。

    hidden 隐藏元素,但保留其所占空间。

    visible 显示元素(默认值)

    展开全文
  • 博文链接:https://qsfwy.iteye.com/blog/219184
  • js点击文本输入框显示DIV,操作后点击其他地方将DIV隐藏
  • 点击按钮(a标签)隐藏显示div内容,切换div内容
  • 【HTML】div显示与隐藏相关内容

    千次阅读 2019-03-16 16:29:32
    隐藏div的几种常见方法 1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成背景一样的颜色即可 4.opacity来设置不透明级别,注意兼容性filter… 5.给div一个margin负值,这个负值...

    隐藏div的几种常见方法

    • 1.display:none;
    • 2.visibility:hidden;
    • 3.background-color:transparent;或者设成与背景一样的颜色即可
    • 4.opacity来设置不透明级别,注意兼容性filter…
    • 5.给div一个margin负值,这个负值恰好等于div自身的高度或宽度
    • 6.设置两个大小一样的div,第一个左浮动,第二个不浮动,即可将第二个div隐藏
    • 7.设置一个父div和一个子div,子div绝对定位,父div相对定位,子div的left就是子div的宽度
    • 8.给父div1设置一个固定的宽度,给子div2设置的宽度远大于父div,
      并给父div1设置overflow:hidden,
      并给子div设置margin值即在父div1中没被隐藏的剩余宽度,代码如下:
    #div1{width:100px;height:200px;overflow:hidden;} 
    #div2{width:200px;height:200px;background:green;margin-left:100px;} 
    
    • 9.将div的宽度和高度设置为0

    1、div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:

    style="visibility: none;"
    document.getElementById("typediv1").style.visibility="hidden";//隐藏
    document.getElementById("typediv1").style.visibility="visible";//显示
    

    2、通过设置display属性可以使div隐藏后释放占用的页面空间,如下

    style="display: none;"
    document.getElementById("typediv1").style.display="none";//隐藏
    document.getElementById("typediv1").style.display="";//显
    
    展开全文
  • 今天一朋友问我 点击一按钮弹出一个DIV,然后要求点击页面其它地方隐藏这个DIV
  • 1.visibilitydisplay之间的区别: &nbsp;&nbsp;&nbsp;&nbsp;&...①div的visibility属性可以控制div...②display属性可以使div隐藏后释放占用的页面空间。 具体使用: ①&lt;div class="p...

    1.visibility与display之间的区别:
         ①div的visibility属性可以控制div的显示和隐藏,但是隐藏后页面显示空白,仅限于隐藏内容,所在位置仍存在。
         ②display属性可以使div隐藏后释放占用的页面空间。

    具体使用:<div class="photo-fj" id="local1" style="display:none" > //元素隐藏
    <div class="photo-fj" id="local1" style="display:block" > //元素显示

    <div class="photo-view" id="showpic2" style="visibility: hidden"> //元素隐藏
    <div class="photo-view" id="showpic2" style="visibility: visible"> //元素显示

    2.Jquery控制元素显示与隐藏

    1、$("#demo").attr("style","display:none;");//隐藏div
    
       $("#demo").attr("style","display:block;");//显示div
    
    2、$("#demo").css("display","none");//隐藏div
    
       $("#demo").css("display","block");//显示div
    
    3、$("#demo").hide();//隐藏div
    
       $("#demo").show();//显示div
    
    注:
    
    $("#demo").show()表示display:block, 
    $("#demo").hide()表示display:none; 
    

    3.JQuery判断元素的显示与隐藏状态

     $("#local1").is(":visible")  //是否显示,显示时为true
     $("#local1").is(":hidden")  //是否隐藏,隐藏时为true
    
    展开全文
  • js中div显示与隐藏

    千次阅读 2019-04-28 15:26:41
    有两个DIV,你不希望二者同时显示,页面加载后,A显示,B隐藏,当点击某个按钮或某个动作时,B显示,A隐藏,点击另一个按钮时,B隐藏,A显示。 var all=document.getElementById("table_A"); var...
  • html_div显示与隐藏相关内容

    千次阅读 2018-07-20 10:18:47
    HTML 显示/隐藏DIV的技巧(visibilitydisplay的差别) div的visibility可以控制div显示隐藏,但是隐藏后页面显示空白:  style=&quot;visibility: none;&quot;  document.getElementById(&quot;...
  • React 点击按钮显示div与隐藏div

    万次阅读 2018-11-07 13:57:40
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...React 点击按钮显示div与隐藏div&lt;/title&gt; &lt;script src="https://unpkg.com/react@16/u
  • ajax控制div窗口显示隐藏

    热门讨论 2012-12-11 02:00:17
    ajax控制div窗口显示隐藏
  • div左侧显示隐藏

    2013-05-03 09:25:08
    div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家
  • div 隐藏显示方式

    千次阅读 热门讨论 2016-07-08 17:58:08
    在js中可以使用两种方式控制div显示隐藏,都能够实现显示隐藏,但是又有所不同; 一.方式1:隐藏后仍占有页面空间,显示空白  div的visibility可以控制div显示隐藏,但是隐藏后页面显示空白  style=...
  • div布局中内容溢出了容器,超出了容器所限定的宽度应该...很是疑惑,于是搜集整理一番,发现可以内容超出容器时超出部分显示省略号,这种做法不仅解决了问题,而且很美观,好了,不多说了,有兴趣的朋友可以参考下
  • JQuery操作div隐藏显示的4种动画

    万次阅读 2017-10-25 18:12:14
    不多说直接上代码,效果如下: <title>Jquery-Div动画显示 <script src="jquery-1.10.2.min.js" type="text/ja
  • 点击切换div隐藏与显示

    千次阅读 2019-05-22 09:19:15
    点击切换div隐藏与显示 适合做切换按钮 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button type="button" id="showHidden">点击...
  • vue div点击显示隐藏

    千次阅读 2021-02-02 15:23:49
    点击按钮 弹出框 data里面给一个同名变量 为fasle
  • 主要介绍了jQuery基于闭包实现的显示与隐藏div功能,结合实例形式分析了jQuery使用闭包实现的div显示及隐藏相关判定与函数使用技巧,需要的朋友可以参考下
  • JS jQuery显示隐藏div的几种方法

    万次阅读 多人点赞 2018-09-18 11:14:17
    &...通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" document.getElementById("demo").style.display="none";//隐藏 document.ge
  • 隐藏div的几种常见方法

    千次阅读 2018-05-31 13:59:05
    1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成背景一样的颜色即可 4.opacity来设置...设置两个大小一样的div,第一个左浮动,第二个不浮动,即可将第二个div隐藏 7.设置一个父d...
  • ZK 通过checkbox 控制div显示与隐藏

    千次阅读 2018-12-27 14:55:41
    通过点击checkbox 动态显示下面div显示与隐藏   html的代码 &lt;input type="checkbox" id="check"/&gt; &lt;div class="form-group" id="tbox" ...
  • jquery动态控制div显示隐藏

    千次阅读 2018-11-01 19:31:53
    对于经常使用到的代码,在博客上备份一下,用到时,如果想不起来,直接copy过去。 最近在做项目的时候,经常卡在前段这方面,所以,对于经常用到的代码,如果一直出错的话,我们直接... if($('#select_out_big_div...
  • div显示与隐藏属性设置

    千次阅读 2018-12-18 16:20:09
    $("#stages1").attr("style","display:block;"); $("#stages1").attr("style","display:none;"); $("#origin").show();...$(".tareWeightData")[0].style.display = 'none';...$(".grossWeightData")[0].styl...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 152,994
精华内容 61,197
关键字:

怎么让div隐藏与显示