此tabs能自动运行,采用的是mootools js库 鼠标经过自动停止,加入了淡入淡出效果和选项卡形变的效果 演示地址:http://www.wzmsj.com/autotabs/090104tabs/ 下载地址见帖子底部遇到一个问题想请教下高手,就是这句
case 1:
section.hide();
tab.morph(this.options.unSelectedTabCss);
break;
这里加入了形变的动画效果后,选项卡当前状态就是只能用背景颜色background:#d61d3d; .tabOn {
height:26px;line-height:25px;color:#FFF; background:#d61d3d;
}
.tabOff {
background:#EEE; border:0; height:26px;
line-height:25px; color:#3d3d3d;
} 用background:url(bgxx.gif) no-repeat;背景图像无效果,而最终想要得到的效果是选项卡当前状态是要背景图像的,而不是背景颜色
,我有试过将 var myTabs = new Tabs($$('#tabs li'),$$('#sections div'),{
mvSH:1,
autoInterval:3,
selectedTabCss:'.tabOn',
unSelectedTabCss:'.tabOff'
});改成
var myTabs = new Tabs($$('#tabs li'),$$('#sections div'),{ });
这样是可以实现,但是下面内容框里面的过渡效果也没有了,这样就很逊色了,有那位高手能帮忙看一下,谢谢打包下载:http://www.wzmsj.com/autotabs/AutoTab.rar
case 1:
section.hide();
tab.morph(this.options.unSelectedTabCss);
break;
这里加入了形变的动画效果后,选项卡当前状态就是只能用背景颜色background:#d61d3d; .tabOn {
height:26px;line-height:25px;color:#FFF; background:#d61d3d;
}
.tabOff {
background:#EEE; border:0; height:26px;
line-height:25px; color:#3d3d3d;
} 用background:url(bgxx.gif) no-repeat;背景图像无效果,而最终想要得到的效果是选项卡当前状态是要背景图像的,而不是背景颜色
,我有试过将 var myTabs = new Tabs($$('#tabs li'),$$('#sections div'),{
mvSH:1,
autoInterval:3,
selectedTabCss:'.tabOn',
unSelectedTabCss:'.tabOff'
});改成
var myTabs = new Tabs($$('#tabs li'),$$('#sections div'),{ });
这样是可以实现,但是下面内容框里面的过渡效果也没有了,这样就很逊色了,有那位高手能帮忙看一下,谢谢打包下载:http://www.wzmsj.com/autotabs/AutoTab.rar
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货