[求助！]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;

border-right:1px #CFCFCF solid;
border-bottom:1px #CFCFCF solid;
border-left:1px #CFCFCF solid;
background-color:#FFFFFF;

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

.othersomain2 {
display:none;
width:560px;
border-right:1px #CFCFCF solid;
border-bottom:1px #CFCFCF solid;
border-left:1px #CFCFCF solid;
background-color:#FFFFFF;

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

.othersomain3 {
display:none;
width:560px;
border-right:1px #CFCFCF solid;
border-bottom:1px #CFCFCF solid;
border-left:1px #CFCFCF solid;
background-color:#FFFFFF;

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


[解决办法]
建议看看Ajax 呵呵
[解决办法]
怎么到处都冒 AJAX 啊，换皮肤跟 AJAX 有虾米关系？

常规的也是标准的实现方式是：CSS
[解决办法]
div+css+js
[解决办法]
皮肤主要是靠前台的配色和css控制
[解决办法]
顶
[解决办法]
不知道,但是帮顶...
[解决办法]
用js用不同css式文件。
[解决办法]
顶
[解决办法]
说白了 就是 动态向head 表情中更新信息。在head 中label 在后台写 <link href= ' ' css> 根据不用的用户传入不同的参数 就可以实现皮肤切换了
[解决办法]
只想留个名。。
[解决办法]
mark + study
[解决办法]
他页面的1367到1675的js代码是给那几个li标记增加click事件，实现点击换肤的。
你仔细看看吧，yahoo的js是class型的，太难测试了。
具体位置还没找到。
[解决办法]
up
[解决办法]
顶
[解决办法]
.net的皮肤也是可以的嘛
虽然不是很灵活
[解决办法]
DING
[解决办法]
不晓得，帮顶
[解决办法]
Yahoo把所有皮肤放在一张图片中
这样一打开网页就先全部下载完了
所以在换肤时候就不会每次再下载图片 那样会感觉到迟钝
你可以看看CSS Mastery的基本讲CSS的书
[解决办法]
帮顶
[解决办法]
不要什么都是AJAX。明白AJAX是什么东西吗？
div+css+js弄的
[解决办法]
换肤用的是AJAX技术。实现的局部刷新。。。鼠标滑过用JS就可以实现的
[解决办法]
there = "主题 "

[解决办法]
学习学习,好帖啊