La méthode tr: hover la plus rapide

Question

Quelle est la méthode la plus rapide pour le changement de table hover de table row hover? J'ai essayé jQuery (onmouseover/out) et CSS avec tr: hover, mais une fois que je fais ma page en plein écran (1920x1200), les performances sur ma grille deviennent assez lentes pour donner à la page entière l'impression d'être sous-par. C'est sur une grille avec 25 lignes, et quelques travées et divs par rangée. J'ai essayé IE et Google Chrome.

Existe-t-il une autre méthode plus rapide? Qu'est-ce qui est généralement considéré comme la méthode la plus rapide parmi les navigateurs pour effectuer des modifications CSS de survol?

Answer 1

L'utilisation de CSS est la plus rapide. J'ai fait quelques tests, et c'est environ dix fois plus rapide que Javascript.

Vous pouvez essayer de créer une grille avec des éléments simples div au lieu d'utiliser une table. Dans un tableau, la taille de toutes les cellules dépend des autres cellules, donc chaque changement signifie beaucoup de recalcul, même si le résultat est de la même taille qu'avant.