如何在dreamweaver cs3的同一个页面中添加两个不同样式的spry选项卡式的面板? 20
尤其是在TabbedPanelsTabSelected这一项,我在同一个网页设置了两个spry选项卡面板,在这里分别将其称为sp1,sp2.当我添加sp1时,我修改了其相...
尤其是在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";结果还是不行,我真的是没有办法了,还请路过的大侠们不惜赐教,救救我吧。 展开
当我添加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";结果还是不行,我真的是没有办法了,还请路过的大侠们不惜赐教,救救我吧。 展开
2个回答
展开全部
你好,
你这样修改默认样式表文件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>
你这样修改默认样式表文件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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |