javascript - 最快的 tr :hover method

标签 javascript css hover

表格行悬停 css 更改最快的方法是什么?

我已经尝试过 jQuery (onmouseover/out) 和 CSS with tr:hover,但是一旦我让我的页面全屏显示 (1920x1200),我的网格上的性能就变得很慢,足以让整个页面有一种被子化的感觉-标准杆。那是在一个有 25 行的网格上,每行有一些 span 和 div。我试过 IE 和谷歌浏览器。

还有其他更快的方法吗?通常认为跨浏览器进行悬停 CSS 更改的最快方法是什么?

最佳答案

使用 CSS 是最快的。我做了一些测试,它比使用 Javascript 快十倍左右。

您可能想尝试使用简单的 div 元素而不是使用表格来制作网格。在表格中,所有单元格的大小都取决于其他单元格,因此即使结果与之前的大小相同,每次更改都意味着大量的重新计算。

关于javascript - 最快的 tr :hover method,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2986227/

相关文章:

javascript - 文字对象中的嵌套函数

javascript - 在键入值或选择更改时连接值

jquery - 单击更改元视口(viewport)内容

html - TD 悬停不起作用

html - 将鼠标悬停在链接底部之前,链接不可点击

Javascript:如何将 setAttribute "href"用于引用另一个域的 URL

javascript - 喷油器错误 : Failed to instantiate module servicesApp

css - Flexbox 将内部元素的高度设置为 0

html - 在内联元素之间添加垂直和水平分隔符

jquery - 为什么 CSS Hover 在 IE8 中很慢?