Question

如何在dreamweaver cs3的同一个页面中添加两个不同样式的spry选项卡式的面板？

尤其是在TabbedPanelsTabSelected这一项，我在同一个网页设置了两个spry选项卡面板，在这里分别将其称为sp1,sp2.
当我添加sp1时，我修改了其相应的css文件，可当我添加第二个sp2时，它没有自动生成相应的js和css文件，连同类名也都和sp1一样，并自动使用了sp1的js和css文件。所以sp2和sp1的样式一样，为了使sp2与sp1的样式不同，我将sp1的css文件复制了一分，名称改为了css2. 并相应的改动了sp2中的类名，使它和css2文件中的类名相同。
我以为这样就可以了，于是添加了css2文件，运行之后sp1与sp2的确发生了不同的变化，但是在TabbedPanelsTabSelected这一项老是运行错误，我在css2中已经将这一项改成了TabbedPanelsTab2Selected，可是还是不正确，我又想会不会js文件的问题，又复制了js文件为js2。添加上。在js2文件中这发现了这一项 this.tabSelectedClass = "TabbedPanelsTabSelected"; 并将其改为了：
this.tabSelectedClass = "TabbedPanelsTab2Selected";结果还是不行，我真的是没有办法了，还请路过的大侠们不惜赐教，救救我吧。

Answer 1

你好,
你这样修改默认样式表文件SpryTabbedPanels.css并不是推荐的自定义样式的方法.
Adobe官方的修改方法是你重新为自己的样式定义CSS属性.然后在声明Tab选项卡时关联上去.
下面是一个简单的修改当前选项卡样式的例子,如果你在调试时遇到问题可发站内消息给我;Spry技术交流请加我百度Hi好友!
<style type="text/css">
.MyTabSelected1 {background-color: #FCF}
.MyTabSelected2 {background-color: #66F}
</style>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{tabSelectedClass:"MyTabSelected1",panelVisibleClass:"MyTabSelected1"});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2",{tabSelectedClass:"MyTabSelected2",panelVisibleClass:"MyTabSelected2"});
</script>

Answer 2

现在对于spry css的定义都统一写在SpryTabbedPanels.css这个文件中，那要添加另一个spry选项卡面板时，是也要这样创建一个文件来存相应的css文件么？ 急求急求，谢谢