www.uoba.com看这个网站.如下图的两个搜索系统的效果.

图片如下：

图片如下：


请问这种鼠标移上去变换的效果如何做的.
希望能把代码贴出来,
感谢!!

第二张图看不到，但是应该是指向的不同的网页，每个页的样子不同而已。类似的有很多，象百度、e龙、sohu等等

<script language=javascript>
current=0;
function secBoard(n)
{
    eval("document.getElementById('secTable').background='images/ins_"+n+".gif'";
    current=n;
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";

switch (current){
case 0:
eval("document.getElementById('search_hotel').className='bb'";
eval("document.getElementById('search_air').className=''";
eval("document.getElementById('search_line').className=''";
break
case 2:
eval("document.getElementById('search_hotel').className=''";
eval("document.getElementById('search_air').className='bb'";
eval("document.getElementById('search_line').className=''"; break
case 1:
eval("document.getElementById('search_hotel').className=''";
eval("document.getElementById('search_air').className=''";
eval("document.getElementById('search_line').className='bb'"; break
default:
eval("document.getElementById('search_hotel').className='bb'";
break
}
}
</script>

通过 onmouseover="secBoard(0)、 onmouseover="secBoard(1)、 onmouseover="secBoard(2) 来调用的