| Код |
<html>
<head>
<script language="JavaScript">
function startMenu ()
{
if (document.getElementByID)
{
nav=document.getElementById('menu');
for (i=0, i<nav.childNodes.length;i++)
{
node=nav.childNodes[i];
if (node.nodeName == 'Li')
{
node.onmouseover=function ()
{
this.classname= 'over';
}
node.onmouseout=function()
{
this.className='';
}
}
}
}
}
</script>
<style type="text/css">
UL
{
width:180px;
list-style:none;
margin:0px;
padding:0px;
font-family:Verdana;
font-size:11pt
}
ul li
{
position: relative
}
li ul
{
position:absolute;
display:none;
top:0px;
left: 179px;
z-index:1
}
li a
{
display:block;
width:100%;
padding:5px;
text-decoration:none;
background:
url(1.gif)
right center
no-repeat;
color:#666;
border: 1 px solid #ccc;
background-color:white;
boder-bottom:none;
}
li ul li a
{
background-image:none;
z-index:2
}
Li A:hover
{
color:marron;
background - color:red
}
li: hover ul, li: over ul
{
display:block
}
.brd
{
border-bottom:1 px solid #ccc
}
</style>
</head>
<body onLoad="startMenu()">
<!--[if IE]>
<style type="text/css">
UL LI { float: left }
</style>
<![endif]-->
<ul id = menu>
<li><a href="#"> 1</a>
<ul>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="" class=brd>5</a></li>
</ul>
</li>
<li ><a href="#"> 6</a>
<ul>
<li><a href="#">7</a></li>
<li><a href="#" class=brd>8</a></li>
</ul>
</li>
<li><a href="#"> 9</a>
<ul >
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
</ul>
</li>
<li ><a href="#">12</a></li>
<li ><a href="#">13</a></li>
</ul>
</body>
</html>
|
где может быть проблема? |