使用javascript進行懸停時，顯示/隱藏按鈕的首選方式是什麼？

我一直在想辦法在表格行結尾處顯示某些控件（即按鈕，鏈接），當我將鼠標懸停在表格行本身上時。我碰到這樣一個問題：使用javascript進行懸停時，顯示/隱藏按鈕的首選方式是什麼？

jquery specific show buttons on hover

他被嵌入了他的專區內的控件的HTML。使用javascript懸停的div動態創建按鈕會更好還是更不優化？

我只是想知道其他人如何做到這一點。

來源

2012-02-13 Mark

我是這麼做的：我總是在HTML級別創建按鈕，然後在行中的onhover事件處理程序中顯示/隱藏它們。這對我來說似乎是最簡單和最乾淨的。 – 2012-02-13 17:32:59

由於這種效果在沒有JavaScript的情況下可以很好地實現，所以我會跳過JavaScript並轉到CSS + HTML。我以鏈接問題中的代碼爲例。

示範：http://jsfiddle.net/8U2HR/

.product .show_on_hover { 
    display: none; 
} 
.product:hover .show_on_hover { 
    display: block; 
}

該解決方案，使用:hover pseudo-class在所有現代瀏覽器（和IE7 +）supported，即使JavaScript被禁用。

來源

2012-02-13 17:28:42

我明白只使用CSS和HTML的方法。但是，我正在設計一些有一些行的表格。當我將鼠標懸停在行上時，按鈕實際上出現在表格外，你知道我的意思嗎？這就像在桌子外面排的末尾晃來晃去。我的理解是，我需要javascript來計算行的寬度，並獲得正確的x，y座標來絕對地定位我的掛div。僅CSS解決方案能夠實現這一目標嗎？ – Mark 2012-02-15 11:37:36

@Mark你能舉個例子嗎？我可以猜測你的意圖，但這可能是錯誤的。更容易看到你的真實代碼。 – 2012-02-15 12:35:04

使用javascript進行懸停時，顯示/隱藏按鈕的首選方式是什麼？

回答

相關問題