I am looking to implement a smooth animation for cell navigation.
Check out what I currently have: http://jsfiddle.net/0ardb3u0/
When the mouse hovers over a cell, I want the full column and row of that cell to be selected and highlighted in blue.
- How can I make the hovered cell turn red? For example:
Before hovering over the table:
000
000
000
After hovering over the center cell (5) while still being blue with other cells (1):
010
151
010
- What is the process to create a smooth animation when moving from one selected cell to another selected cell (similar to Excel 2013's cell selector)? I would like to achieve the same effect. Here is an example:
UPDATE
1 question resolved
The second question was answered by referencing this post: how to animate element in table cell by cell?