谁能帮我找找这段代码中存在的问题,现在显示TAB1时正常显示其他的时候就不行,估计CSS有问题,谢谢关注!
1. tabs.js:
// TABS JavaScript
function showtab(m,n,count){
for(var i=1;i <=count;i++){
if (i!=n){
getObject( 'tab_ '+m+ '_ '+i).style.display= 'none ';
getObject( 'a_ '+m+ '_ '+i).style.background = '#fff ';
getObject( 'a_ '+m+ '_ '+i).style.padding = '2px 8px 2px 8px ';
}
else {
getObject( 'tab_ '+m+ '_ '+i).style.display= 'block ';
getObject( 'a_ '+m+ '_ '+i).style.background = '#f1f1f1 ';
getObject( 'a_ '+m+ '_ '+i).style.padding = '2px 8px 3px 8px ';
}
}
} // showtab;
//多浏览器对象方法
function getObject(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
// W3C DOM
return document.getElementById(objectId);
} else if (document.all && document.all(objectId)) {
// MSIE 4 DOM
return document.all(objectId);
} else if (document.layers && document.layers[objectId]) {
// NN 4 DOM.. note: this won 't find nested layers
return document.layers[objectId];
} else {
return false;
}
} // getObject
2. tabs.css:
/* TABS CSS */
.mytab{
float: left;
padding: 0;
margin: 0;
width: 98%;
text-align: left;
}
.mytab .tabs{
float: left;
width: 100%;
margin: 0;
padding: 0 2px 0 0 ;
list-style: none;
background: #fff url(img/nav_bg.gif) repeat-x bottom left;
font-size: 76%;
border-bottom: none;
}
.mytab .tabs li{
float: left;
margin: 0;
padding: 0;
width: auto;
}
.mytab .tabs a{
float: left;
display: block;
margin: 0 1px 0 0;
padding: 2px 8px;
color: #333;
text-decoration: none;
border: 1px solid #d2d2d2;
border-bottom: none;
background: #fff;
}
.mytab .tabs a:hover , body .mytab .up a{
color: #333;
padding-bottom: 3px;
border-color: #d2d2d2;
background: #f1f1f1;
}
.mytab .tabs a.no_style{
float: right;
display: block;
margin: 0;
padding: 4px 6px 0 6px;
color: #333;
text-decoration: none;
border: none;
background: #fff;
font-size: 75%;
}
.mytab .tabs a:hover.no_style{
float: right;
display: block;
m