Question

我自己在javascript的开始阶段想要实现以下。我有一些li标签，这些标签还包含在这样的一些li标签中。

<ul>
<li><a href="" class="1"></a>
      <ul>
       <li class="2"></li>
       <li class="2"></li>
       <li class="2"></li>
       </ul>
</li>
<li><a href="" class="1"></a>
      <ul>
       <li class="2"></li>
       <li class="2"></li>
       <li class="2"></li>
       </ul>
</li>
</ul>

现在，类2块最初隐藏在页面中。我的工作是当有人在类1的链接上盘旋时，它应该显示相应的块（即第2类）。但是我写的代码显示全部有2级的街区也许我可以为第1类的每个链接编写一个mouseover（）函数，但它是否正确？我在链接的一些网站中看到过这种类型的效果，awwwards.com

示例链接是 Best Colorful Websites | Web Design Inspiration

在鼠标悬停在图像上的此链接中，仅对于该图像，在角落底部显示符号我想要此类型效果。

可以请任何帮助吗??提前谢谢??

Answer 1

这只能用css实现：

ul ul{
   display:none;
}

ul > li:hover ul{
   display:block;
}

Answer 2

尝试快速css解决方案（未测试，因为你没有放入jsFiffle代码示例）

ul li:hover ul li.2
{
   display:block;
}

另外，不要只使用类名中的数字...在某些浏览器上不起作用至少尝试class="c2"

在基于鼠标功能的具有相同类别的多个“li”标签中仅显示一个“li”

2 个答案: