请教一个关于循环显示效果的问题
<html><head>
</head>
<body>
<table>
<tr>
<td width="100" height="100">
<img src="/images/up.jpg" onmouseover="c.style.backgroundColor='#84d384';c.innerHTML='aaa'" onmouseout="c.style.backgroundColor='';c.innerHTML='login'">
</td>
<td width="100" height="100">
<img src="/images/down.jpg" onmouseover="c.style.backgroundColor='#ff8a00';c.innerHTML='bbb'" onmouseout="c.style.backgroundColor='';c.innerHTML='login'">
</td>
</tr>
<tr>
<td colspan="2" height="200" id="c" ></td>
</tr>
</table>
</body>
</html>
现在的情况是mouseover时候显示背景和文字,mouseout时候消失,那有没有办法在mouseout时候改为按顺序循环显示前面4个mouseover的效果呢,并且在进入页面时候这个td内也显示的是mouseout的效果呢,请高手指点下,谢谢。