Question

大多数的简单代码，我开始使用css。

我希望第一个产品1中的代码在显示sub 1 2和3时执行此操作。

我希望3在悬停在2和2时消失，当它悬停在1时消失，因为它转到产品2.我打算嵌入视频格式和预设看看？

当它转到产品2时，所有潜艇都会消失。如何从每个子产品返回？

<link href="css_flyoutverticalmenu.css" type="text/css" rel="Stylesheet"/>
<div id="menuwrapper">
    <ul>
       <li><a href="#">Products</a>
            <ul>
                <li><a href="#">Product 1</a>
                    <ul>
                        <li><a href="#">Sub Product 1</a>
                        <ul><li><a href="#">Sub 2</a>
                            <ul><li><a href="#"> 3</a></li></ul>
                        </ul>
                    </ul>
                <li><a href="#">Product 2</a></li> 
            </ul>
       </li>

  </ul>

Answer 1

我不确定css是否可以访问其他类。我会使用java脚本来完成这项任务。

function hoverOverHeadLine(){
    var headLine = document.GetElementById("someId");
    headLine.Visibility = false;
}

此函数在标记中搜索someId设置为ID属性的元素，然后将其隐藏。

或者，您可以为headLines使用HTML标题标记（＆lt; h1＆gt;，＆lt; h2＆gt;，...）。然后，表达式document.GetElementsByTagName("h2")将为您提供定义为标题2的所有标记的集合。然后枚举每个标题并将其可见性设置为false。但这只适用于您的页面上只有一个列表。

您可以获得对您的列表的DOM引用（在您的示例中为第一行中的＆lt; li＆gt;标记）并使用它来搜索所有标题标记。

当悬停在2和2时，html使子3消失，当悬停在1时消失

1 个答案: