显示在不同父级下保存的LI

时间:2013-12-02 17:07:02

标签: html css drop-down-menu

我目前有一个基于波纹管图像的导航。 (对可怕的草图感到抱歉)我在顶部有一个叫做“电影”的标签,它也被归类为一个部门。 我希望标签“电影”能够打开位于部门标签中的子猫电影,就像鼠标悬停在它上面一样。

目前,部门“电影”是一个有序的部门列表下的列表项,其ID为MM05。 标签“电影”再次是顶级栏的无序列表中的另一个李,最初有自己的下拉。

我不确定如何解决这个问题!

enter image description here

2 个答案:

答案 0 :(得分:0)

从你的绘图中,我想你将拥有一个包含子菜单的静态DIV。因此,点击它将“可见性:隐藏/可见”更改为您需要的内容。我假设这是你想要它显示的位置,所以鼠标悬停不起作用,因为你可以从按钮位置到达它而不用去鼠标...

请提供更多关于此的代码或信息,谢谢。

如果我理解正确,我会将其设为onclick(显示,隐藏)类型DIV,并使用on使用onMouseOver显示/隐藏其他面板

答案 1 :(得分:0)

遗憾的是,仅仅使用CSS是不可能的,因为“级联”意味着您只能使用选择器向下移动。

你必须使用Javascript。

这看起来像这样

<script>
  var linkToOpenDropDown=document.getElementbyId("filmLink");
  var dropDown=document.getElementbyId("dropDownList");
  linkToOpenDropDown.onmouseover=function() {
    dropDown.style.visibility='visible';
  };
  linkToOpenDropDown.onmouseout=function() {
    dropDown.style.visibility='hidden';
  };
</script>

希望我能帮忙!