Div顯示並保持在鼠標懸停狀態 - 即使在鼠標懸停時也會保留

Question

我一直在玩幾種懸停div的方法，但是當鼠標懸停在鏈接上時，我測試的大多數方法只能保持不變。

我想要達到的是div在另一個div的懸停上出現，但即使鼠標離開div按鈕也會保持。

一個例子是：http://www.prixtel.com/

我不介意，如果只是CSS或使用jQuery/JS混合。

謝謝！

我的示例：http://jsfiddle.net/h4rB9/1/

Answer 1

綁定，使DIV可見（關閉display：none或其他）的情況下使用類似jQuery的.mouseover() bind到鼠標懸停事件。如果你沒有指定.mouseout（）綁定，那麼它不會消失。

Answer 2

該網站正在使用腳本的效果。

如果你想使用JavaScript：

var myDiv = document.getElementById("myDiv"); 
if (document.addEventListener) { 
    myDiv.addEventListener("mouseover", function() { 
    // whatever it is you're doing on mouseover here 
    }, false); 
} else if (document.attachEvent) { 
    myDiv.attachEvent("onmouseenter", function() { 
    // whatever it is you're doing on mouseover here 
    }); 
} else { 
    myDiv.onmouseover = function() { 
    // whatever it is you're doing on mouseover here 
    } 
} 

的jQuery：

// I prefer mouseenter to mouseover, and jQuery lets you do that as does IE with attachEvent 

$("#myDiv").mouseenter(function() { 
    // whatever it is you're doing on mouseover here 
}); 

正如其他海報指出，關鍵是要忽略mouseout事件 - 使用懸停自動包括鼠標移開行爲。