看了《锋利的jquery》做了一个网页换肤的练习。效果如图:
点选上面的色卡选项,下面相应的标签就会随之变色。
html的结构仍然是用ul和li包裹色卡
<ul id="skin">
<li id="skin_0" title="灰色" class="selected">灰色</li>
<li id="skin_1" title="紫色">紫色</li>
<li id="skin_2" title="红色">红色</li>
<li id="skin_3" title="天蓝色">天蓝色</li>
<li id="skin_4" title="橙色">橙色</li>
<li id="skin_5" title="浅绿色">浅绿色</li>
</ul>