[求助！]Yahoo的换肤是怎么做的，另外yahoo右侧的鼠标划过事件是怎么弄得，请高手给点资料，顶者有分！
cn.yahoo.com大家帮帮忙，给点资料。

------解决方案--------------------
也想知道
------解决方案--------------------
帮顶 ：）
------解决方案--------------------
下面是我自己在写网站时弄的.. 不知道对你有没有帮助.. 呵呵..

<div class= "otherso ">
<div class= "othersomenu ">
<ul>
<li id= "othersomenu1 " class= "othersomenu1 " onMouseOver= "this.className= 'othersomenu1 ';othersomenu2.className= 'othersomenu3 ';othersomenu3.className= 'othersomenu3 ';othersomain1.style.display= 'block ';othersomain2.style.display= 'none ';othersomain3.style.display= 'none '; " > 菜单1 </li>
<li class= "othersomenu4 "> </li>
<li id= "othersomenu2 " class= "othersomenu3 " onMouseOver= "this.className= 'othersomenu1 ';othersomenu1.className= 'othersomenu3 ';othersomenu3.className= 'othersomenu3 ';othersomain1.style.display= 'none ';othersomain2.style.display= 'block ';othersomain3.style.display= 'none '; " > 菜单2 </li>
<li class= "othersomenu4 "> </li>
<li id= "othersomenu3 " class= "othersomenu3 " onMouseOver= "this.className= 'othersomenu1 ';othersomenu2.className= 'othersomenu3 ';othersomenu2.className= 'othersomenu3 ';othersomain1.style.display= 'none ';othersomain2.style.display= 'none ';othersomain3.style.display= 'block '; " > 菜单3 </li>
<li class= "othersomenu6 "> </li>
</ul>
</div>
<div id= "othersomain1 " class= "othersomain1 ">
<ul>
<li> 菜单1 </li>
</ul>
</div>
<div id= "othersomain2 " class= "othersomain2 ">
<ul>
<li> 菜单2 </li>
</ul>
</div>
<div id= "othersomain3 " class= "othersomain3 ">
<ul>
<li> 菜单3 </li>
</ul>
</div>
</div>


CSS:

.otherso {
margin:10px 0 0 0;
width:570px;
padding:5px 0 5px 5px;
background-color:#FEF7F5;
border:1px #FE683A solid;
}

/* 菜单 */

.othersomenu ul {
list-style:none;
margin:0;
}
.othersomenu ul li {
float:left;
}

.othersomenu1 {
width:130px;
height:20px;

text-align:center;
border-top:1px #CFCFCF solid;
border-right:1px #CFCFCF solid;
border-left:1px #CFCFCF solid;
background-color:#FFFFFF;
}
.othersomenu2 {
width:10px;
height:25px;

border-bottom:1px #CFCFCF solid;
}
.othersomenu3 {
width:130px;
height:20px;

text-align:center;
border:1px #CFCFCF solid;
background-color:#F1F1F1;
}
.othersomenu4 {
width:10px;
height:20px;
border-bottom:1px #CFCFCF solid;
}
.othersomenu5 {
width:130px;
height:20px;

text-align:center;
border:1px #CFCFCF solid;
background-color:#F1F1F1;
}
.othersomenu6 {
width:150px;
height:20px;
border-bottom:1px #CFCFCF solid;
}
.othersomain1 {

width:560px;