UC知道li 导航 乱跑
来源：百度知道 编辑：UC知道 时间：2024/05/27 10:12:13
<style type="text/css">
<!--
.Menubox {
width:70px;
height:22px;
line-height:12px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:114px;
text-align:center;
color:#949694;
font-weight:bold;
}
.Menubox li.hover{
padding:0px;
width:116px;
color:#739242;
font-weight:bold;
}
.Contentbox{
clear:both;
margin-top:0px;
border-top:none;
height:245px;
text-align:center;
padding-top:8px;
}
-->
</style>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?&q
<!--
.Menubox {
width:70px;
height:22px;
line-height:12px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:114px;
text-align:center;
color:#949694;
font-weight:bold;
}
.Menubox li.hover{
padding:0px;
width:116px;
color:#739242;
font-weight:bold;
}
.Contentbox{
clear:both;
margin-top:0px;
border-top:none;
height:245px;
text-align:center;
padding-top:8px;
}
-->
</style>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?&q
什么叫乱跑？是往右跑了一点是么？
如果是上面我说的那种情况，你要把
.Menubox li.hover{
padding:0px;
width:116px;
color:#739242;
font-weight:bold;
}
这个代码的width：116px改成114px吧
如果是其他乱跑的情况，应该是浏览器不兼容的问题了吧……
在width 固定的情况下不要混用 padding 和magin
否则会造成不同浏览器间的兼容性
嵌套一个div就好了~~~
只能说你的代码不标准
乱跑的话 只能说明你的鼠标移动后的宽度 高度等 设置不一样
导致不会重合
所以看起来就有动的效果~~