Hi,
Follow the below steps:
First create a table like this and put some columns in it.
<table style="width: 1257px">
<tr>
<td class="style6"></td>
<td class="style1">
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td id="td1" class="style8" style="border-style: none">L</td>
<td id="td2" class="style8" style="border-style: none">o</td>
<td id="td3" class="style8" style="border-style: none">a</td>
<td id="td4" class="style8" style="border-style: none">d</td>
<td id="td5" class="style8" style="border-style: none">i</td>
<td id="td6" class="style8" style="border-style: none">n</td>
<td id="td7" class="style8" style="border-style: none">g</td>
<td id="td8" class="style8" style="border-style: none">...</td>
<td id="td9" class="style8" style="border-style: none">.</td>
</tr>
</table>
</td>
<td></td>
<td></td>
</tr>
</table>
After that write the Show() function on the onload event of the <body> tag. So when the page is loaded the function will be called.
<body >
.....
...
</body>
Now write the JavaScript function. In this function, first change the color of the first column and then the second column like this:
<script language="javascript" type="text/javascript">
function Show()
{
document.getElementById('td1').style.backgroundColor='Blue';
setTimeout("Show1()",300);
}
function Show1()
{
document.getElementById('td2').style.backgroundColor='Blue';
setTimeout("Show2()",300);
}
function Show2()
{
document.getElementById('td3').style.backgroundColor='Blue';
setTimeout("Show3()",300);
}
function Show3()
{
document.getElementById('td4').style.backgroundColor='Blue';
setTimeout("Show4()",300);
}
function Show4()
{
document.getElementById('td5').style.backgroundColor='Blue';
setTimeout("Show5()",300);
}
function Show5()
{
document.getElementById('td6').style.backgroundColor='Blue';
setTimeout("Show6()",300);
}
function Show6()
{
document.getElementById('td7').style.backgroundColor='Blue';
setTimeout("Show7()",300);
}
function Show7()
{
document.getElementById('td8').style.backgroundColor='Blue';
setTimeout("Show8()",300);
}
function Show8()
{
document.getElementById('td9').style.backgroundColor='Blue';
}
</script>
I think, It may be helpful to you...
Submit an article or tip