|
#2
aspic2012-04-30 10:10
|
跪求各位高手麻烦解释下这段JavaScript代码的意思
<script>
<!--
function setTab(m,n)
{
var tli=document.getElementById("menu"+m).getElementsByTagName("li");
var mli=document.getElementById("main"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++)
{
tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";
}
}
//-->
</script>
<style>
<!--
body{
font-size:12px;
line-height:16px;
margin:30px;
}
.menu1box{
position:relative;
overflow:hidden;
height:39px;
width:400px;
text-align:left;
padding-left:30px;
background-image:url(tab_bg.gif);
background-repeat:no-repeat;
}
#menu1{
position:absolute;
top:0;
left:0;
z-index:2;
margin-top:0px;
padding-top:9px;
width:400px;
}
#menu1 li{
float:left;
display:block;
cursor:pointer;
width:85px;
text-align:center;
line-height:21px;
height:26px;
}
#menu1 li.hover{
height:30px;
width:120px;
background-image: url(tab_on_bg.gif);
padding-top:8px;
font-size:14px;
color:#FFFFFF;
font-weight:bolder;
margin-top:-9px;
}
.main1box{
clear:both;
text-indent: 24px;
margin-top:-8px;
border:1px solid #FD8A04;
height:181px;
width:400px;
padding-top:15px;
overflow:auto;
scrollbar-3dlight-color: #FFFAE7;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #FFFAE7;
scrollbar-darkshadow-color: #FFFAE7;
scrollbar-face-color: #FF8801;
scrollbar-highlight-color: #FFFAE7;
scrollbar-shadow-color: #FFFAE7;
}
#main1 ul{
list-style:none;
display: none;
}
#main1 ul.block{
display: block;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>宠物猫</title>
</head>
<body>
<div class="menu1box">
<ul id="menu1">
<li class="hover" onmouseover="setTab(1,0)">暹罗猫</li>
<li onmouseover="setTab(1,1)">孟加拉豹猫</li>
<li onmouseover="setTab(1,2)">阿比西尼亚猫</li>
</ul>
</div>
<div class="main1box">
<div class="main" id="main1">
<ul class="block"><li><h5>暹罗猫</h5>暹罗猫原产于泰国</li></ul>
<ul><li><h5>孟加拉豹猫</h5>孟加拉豹猫是一种很独特的猫种</li></ul>
<ul><li><h5>阿比西尼亚猫 </h5>传说现代的阿比西尼亚猫</li></ul>
</div>
</div>
</body>