使用javascript悬停时显示/隐藏按钮的首选方式是什么？

Question

当我将鼠标悬停在表格行本身时，我一直在考虑在表格行的末尾显示某些控件（即按钮，链接）的方法。我遇到了这个问题：

jquery specific show buttons on hover

他在他的div中嵌入了控件的HTML。相反，在div的悬停时使用javascript动态创建按钮会更好/更不理想吗？

我只是想知道其他人是如何做到的。

Answer 1

由于没有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也是如此。