最快的 tr:hover 方法
表行悬停 CSS 更改最快的单一方法是什么？
我尝试过 jQuery (onmouseover/out) 和 CSS with tr:hover，但是一旦我将页面设置为全屏 (1920x1200)，网格上的性能就会变得非常缓慢，让整个页面感觉低于标准。这是一个有 25 行的网格，每行有一些 span 和 div。我已经尝试过 IE 和 Google Chrome。
还有另一种更快的方法吗？通常认为跨浏览器进行悬停 CSS 更改最快的方法是什么？
What is the single fastest method for table row hover css change?
I've tried jQuery (onmouseover/out) and CSS with tr:hover, but once I make my page fullscreen (1920x1200) the performance on my grid is getting just sluggish enough to give the entire page a feel of being sub-par. That's on a grid with 25 rows, and some spans and divs per row. I've tried IE and Google Chrome.
Is there another, faster method? What is generally considered the fastest method across browsers for doing hover CSS changes?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用 CSS 是最快的。我做了一些测试，它比使用 Javascript 快大约十倍。
您可能想尝试使用简单的
div元素而不是使用表格来制作网格。在表格中，所有单元格的大小都取决于其他单元格，因此每次更改都意味着大量重新计算，即使结果与以前的大小相同。Using CSS is the fastest. I've done some testing, and it's about ten times faster than using Javascript.
You might want to try making the grid with simple
divelements instead of using a table. In a table the size of all cells depend on other cells, so every change means a lot of recalculating even if the result is the same size as before.