가장 빠른 tr : 호버 방법

Question

테이블 행 호버 CSS 변경을위한 가장 빠른 방법은 무엇입니까?

tr : hover로 jQuery (onmouseover/out) 및 CSS를 시도했지만 전체 화면 (1920x1200)을 만들면 전체 페이지에 느껴질 정도로 느려집니다. 서브 파. 그것은 25 행의 그리드에 있고 행당 일부 스팬과 div가 있습니다. IE와 Chrome을 사용해 보았습니다.

다른 빠른 방법이 있습니까? 일반적으로 호버 (hover) CSS 변경에 대해 브라우저 전반에서 가장 빠른 방법으로 간주되는 것은 무엇입니까?

Answer 1

CSS를 사용하는 것이 가장 빠릅니다. 테스트를 해봤는데 Javascript를 사용하는 것보다 약 10 배 빠릅니다.

테이블을 사용하는 대신 간단한 div 요소로 그리드를 만들 수 있습니다. 테이블에서 모든 셀의 크기는 다른 셀에 따라 달라 지므로 모든 변경은 결과가 이전과 같은 크기 일지라도 많은 재 계산을 의미합니다.