这段选项卡代码哪里有问题
发布网友
发布时间:2022-04-26 16:57
我来回答
共2个回答
懂视网
时间:2022-05-13 21:09
无标题文档
a.jpg
b.jpg
回复讨论(解决方案)
改成这样
无标题文档
li的高度是28px,如何在不改变文字大小的前提下使li中的文字垂直居中?现在是靠上的。我给li设置了vertical-align:middle但是没效果。
多谢!
是你js里的问题~~~
好像是传参的问题,。
不是你说的li的问题哟~~
热心网友
时间:2022-05-13 18:17
修改好,是标签DIV的闭合问题,修改的地方已标明,你仔细对比一下就知道了
<html><head><!--修改的地方-->
<style>
body,div,img,p,form,table,tr,td{text-align:center;margin:0px;padding:0px;list-style-type:none;font-size:12px;color:#0c0c0b;line-height:20px;}
body{background-color:#FFFFFF}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:#0f9327}
.ent_l{width:422px; height:75px; background:url(http://mimg.163.com/hd/126/070521_126xy3.0/img/tu_l.gif) no-repeat;}
.ent_c{border:1px solid #06A565;align:center;width:420px; height:90px; background-color:#FFFFFF;overflow:hidden}
.bq{width:422px;height:22px;}
.bq ul{width:422px;padding:0px;margin:0px;list-style-type:none;}
.bq li{width:70px;height:22px;background:url(http://www.codefans.net/jscss/demoimg/200906//bq_2.gif) 0px 1px no-repeat;padding-top:3px;text-align:center;float:left;cursor:pointer;}
.bq li{font-size:14px;font-weight:bold;color:#59814c;}
.bq li.on{background:url(http://www.codefans.net/jscss/demoimg/200906/bq_1.gif) no-repeat top;color:#fff;}
.bq li.on a{color:#fff;}
.bq_d{padding-top:15px;height:48px;width:422px;overflow:hidden;text-align:left}
.bq_n{text-align:center;width:422px;height:38px;}
.clear{clear:both;}
.ssk{background:url(http://toolbox.you.com/resource/images/yoicon.gif) left center no-repeat;padding-left:16px;height:20px;width:318px;font-size:18px;font-weight:bold;padding-top:5px;overflow:hidden;}
.ss{height:32px;font-weight:bold;color:#59814c;}
.more{width:422px;height:15px;}
.more a{color:#885F22}
.more a:hover{color:red}
</style>
<script language="JavaScript">
<!--
var nTime = 6;var nFocus=0 ;var bFlag = false;var aLiTab , aDivTab;
/*切换
function fAutoSwitch(){
var n = nFocus + 1;
if(n >=5){
n = 0;
}
if(!bFlag){ aLiTab[n].onclick();
bFlag = false;
}
}
*/window.onload = function(){
var $ = function($){
return document.getElementById($);
};
aLiTab = $("oUlTab").getElementsByTagName("li");
aDivTab = [$("oDivTab0") ,$("oDivTab1") ,$("oDivTab2"),$("oDivTab3") ,$("oDivTab4")
,$("oDivTab5"),];
for(var i=0;i<aLiTab.length;i++){
(function(i){
var t = aLiTab[i];
t.onclick = function(){
if(nFocus != i){
aLiTab[nFocus].className = "";
aDivTab[nFocus].style.display = "none";
nFocus = i;
aLiTab[nFocus].className = "on";
aDivTab[nFocus].style.display = "";
}
bFlag = true;
};
t.onmouseout = function(){
bFlag = false;
};
})(i);
}
};
//-->
</script>
</head>
<body>
<div class="ent_c">
<div class="bq">
<ul id="oUlTab">
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
<div class="bq_d" id="oDivTab0"><div class="bq_n">
1111
</div></div>
<div class="bq_d" id="oDivTab1" style="display:none"><div class="bq_n">
2222
</div></div>
<div class="bq_d" id="oDivTab2" style="display:none"><div class="bq_n">
3333
</div></div>
<div class="bq_d" id="oDivTab3" style="display:none"><div class="bq_n">
4444
</div></div>
<div class="bq_d" id="oDivTab4" style="display:none"><div class="bq_n">
5555
</div></div><!--修改的地方-->
<div class="bq_d" id="oDivTab5" style="display:none"><div class="bq_n">
6666 </div></div><!--修改的地方-->
</div><!--修改的地方-->
</body>
</html>