( H T M L )
<ul id="*****">
<li><a href="#">*****</a></li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
</ul>
</li>
<li><a href="#">*****</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">WebMaster</a>
<ul>
<li><a href="#">*****</a></li>
<li><a href="#">*****</a></li>
</ul>
</li>
</ul> | ( C S S )
#mv, #mv ul { padding: 0; margin: 0; list-style: none; line-height:1; }
#mv li { float: left; width: 10em;}
#mv a { display: block; text-align: center; width: 10em; }
#mv li ul { left: -999em; width: 10em; position: absolute; }
#mv li ul ul { margin: -1em 0 0 10em; }
#mv li:hover ul { left: auto; }
#mv li:hover ul ul, #mv li.sfhover ul ul { left: -999em; }
#mv ul li li:hover ul { left: 150px; top: 0; }
#mv li:hover ul, #mv li li:hover ul, #mv li.sfhover ul, #mv li li.sfhover ul { left: auto; }
|
