如何創建一個隱藏的鏈接列表，當我將鼠標懸停在主鏈接上時，所有其他鏈接都會顯示出來？

-3

我想創建一個鏈接列表，因此當我將鼠標懸停在頂部鏈接上時，其餘鏈接顯示出來。如果這個問題已經回答了我指向它。我已經搜索並找不到它。有點像當我將鼠標懸停在 this website的鏈接上時，它下面會顯示更多鏈接。如何創建一個隱藏的鏈接列表，當我將鼠標懸停在主鏈接上時，所有其他鏈接都會顯示出來？

來源

2014-02-25 Kyriazis

從這裏開始： http://learn.jquery.com –

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

來源

2014-02-25 21:26:58 Peter

請不要只鏈接到其他網站作爲答案，我建議你完全避免W3Schools鏈接。 – TylerH

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 }

來源

2014-02-25 21:29:06

有兩臺<span>或<div>並插入第一個主要環節，並使其可見，使其他鏈接顯示none和在第二個裏面。

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

來源

2014-02-25 21:30:18 Si8

我假設你正在談論嵌套級聯菜單。 This教程將幫助你。

來源

2014-02-25 21:33:53

如果您正在使用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.閱讀教程

來源

2014-02-25 21:35:50 Gisheri

如何創建一個隱藏的鏈接列表，當我將鼠標懸停在主鏈接上時，所有其他鏈接都會顯示出來？

回答

相關問題