这个HTML中用display:none;隐藏了的属性该怎么让它显示出来。

Posted 2023-05-04

代码和样式如上
是让鼠标放在上面H3的时候让下面ul内容显示。

利用display命令，设置是否及如何显示元素。

display 显示状态

display:none 隐藏
display:block 块显示
display:inline 内嵌
display:table 表格显示
display:list-item 项目列表

这个属性用于定义建立布局时元素生成的显示框类型。
对于 html 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。 参考技术A 可以针对这个元素，增加一个属性，比如：
display:block或者display:line；
但是优先级要高，或者增加一个！important 参考技术B 你可以通过jquery 来控制 。但是 你必须指定那些被隐藏的元素 例如：$("div").css('display','block'); 你将所有的隐藏元素指定显示 参考技术C 用js， 给ul个id
<ul id='aa'></ul>
var ui = document.getElementById("aa");
ui.style.display=" ";//display为空的话会好使，为block会使后边的空间换行追问

var ui = document.getElementById("aa"); JAVA?
看不懂诶...

追答

function move()
var ui = document.getElementById("h");
ui.style.display = "";

function out()
var ui = document.getElementById("h");
ui.style.display = "none";


把这个写在head里

然后给布艺家纺
给下面的....
这样就好了 还有其他方法也可以

本回答被提问者和网友采纳 参考技术D 把none改成block即可追问

额 抱歉没说清楚。

我是想让鼠标放在上面H3的时候让ul内容显示

追答

....用的jq

$(".left h3").hover(function()
    $(".left").find("ul").show();
,function()
    $(".left").find("ul").hide();
)

追问

JS？ 看不懂诶= =

追答

去w3cschool看一下jQuery的安装配置吧，配置好了再把这个代码放进去就可以用的

追问

这个代码具体是什么意思啊。
是放在css里面还是html里面啊。

= =不能给新人稍微讲解下吗？

追答

这个放在里面。你自己去看一下比较快，也容易懂。单独讲这个代码没意义的，同样的效果，我换个写法你就又不懂了。

display：none与visibility：hidden区别

display：none与visibility：hidden有一个共同的作用是隐藏要显示的内容isplay：none 隐藏，但是不占空间 “看不见摸不到” 加载

display：none 隐藏，但是不占空间 看不见摸不到
不产生任何框，对布局没有影响，浏览器不显示其包括其后代元素，更不会占位

visibility：hidden 保留元素空间重绘，看不见 摸得到，相当于 留白 加载进来，因为他的空间是一直存在的，会生成元素框，只是元素不可视

 

针对他们的加载 现在有两种讨论，主要是针对于display：none的加载，visibility：hidden是页面加载时直接加载进来的，而对于display：none，到底是当其属性值从none改为block时才会加载还是一开始就加载进去不显示不占位，针对这个问题，有一个帖子也吵得挺厉害，具体是什么样不太清楚，个人感觉是一次性加载进去。