Javascript for <TD> bgcolor change on mousehover

Question

My table structure is somewhat like mentioned below, [i am developing a website using asp.net]

<table>

<tr><td id="Left_1"></td><td id="Right_1" onmousehover="change color of td Left_1" ></td></tr>

<tr><td id="Left_2"></td><td id="Right_2" onmousehover="change color of td Left_2"></td></tr>

<tr><td id="Left_3"></td><td id="Right_3" onmousehover="change color of td Left_3"></td></tr>

</table>

onmousehover of TD Right_1, i should be able to change color of left_1 TD

similarly, onmousehover of TD Right_2, i should be able to change color of left_2 TD

and,  onmousehover of TD Right_3, i should be able to change color of left_3 TD

how this can be achieved...? using javascript... on any other method

Answer 1

Hello,

Follow the link below to start with. It will help you.

http://www.webcodingtech.com/javascript/tablecell-colorchange.php