Question

我想创建一个链接列表，所以当我将鼠标悬停在顶部链接上时，其余链接会显示出来。如果这个问题已经回答了我的话。我搜索过，找不到它。有点像我将鼠标悬停在 this website上的链接上时会显示更多链接。

Answer 1

使用Jquery的hover，show和hide方法。

Answer 2

如果您使用的是Jquery：

<a class='mainlink'>main Link</a>
<a class='sublink'>SubLink</a>
<a class='sublink'>Sublink</a>

的javascript：

$('.mainLink').hover(
    function(){
        $('.sublink').show();
    },
    function(){
        $('.sublink').hide();
    });

但是，我肯定会阅读Jason P的教程，而不仅仅是粘贴它。

Answer 3

我假设你在谈论嵌套的级联菜单。 This 教程可以为您提供帮助。

Answer 4

HTML：

<ul id="yourid1"><li>content</li><li>content</li></ul>

CSS：

ul#yourid1 { height: -insert-height-of-one-li }
ul#yourid1:hover { height: -insert-full-height }

Answer 5

有两个<span>或<div>并在第一个中插入主链接并使其可见，并使其他链接显示为无，并在第二个链接内。

('MAIN LINK SPAN OR DIV').hover(
  function () {
    $("CHILD LINKS SPAN OR DIV").show();
  }, 
  function () {
    $("CHILD LINKS SPAN OR DIV").hide();
  }
);

如何创建隐藏的链接列表，以便当我将鼠标悬停在主链接上时，所有其他链接都会显示出来？

5 个答案: