很简单，使用一个CSS文件！
第一个spry tabbed panels在<div class="a"></div>的话，那么里面的CSS语句就应该这样写：
.a .TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%;
}
那么第二个spry tabbed panels在<div class="b"></div>的话，那么里面的CSS语句就应该这样写：
.b .TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%;
}
这样就可以改变多个spry tabbed panels的样式了！
JS可以不理他！
如果你要改变成鼠标触碰C发生变化的话！
把这个
Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab)
{
this.addClassName(tab, this.tabHoverClass);
return false;
};
换成这个
Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab)
{
this.addClassName(tab, this.tabHoverClass);
this.showPanel(tab);
};