Навигация¶

Выпадающее меню, без скрипта, только CSS-правила

Изменено 2010/02/17 00:14 Administrator Категоризировано CSS, HTML, Пример кода

<ru-ru>
<pre class="brush: css">
a.a1 span.s1 
{
  display: none;
} 
a.a1:hover span.s1 
{ 
  display: inline; 
  position: absolute; 
  left: 107pt;
} 
a.a1:hover 
{
  display: inline;
} 
</pre> 
<pre class="brush: plain">
<esc>Первый уровень 
<a class="a1" href="#">Ссылка 
Второй уровень 
<span class="s1"> 
<table> 
	<tr> 
		<td><a class="a0" href="proced_one_link">Ссылка второго уровня</a> 
		</td> 
	</tr> 
	<tr> 
		<td><a class="a0" href="proced_two_link">Ссылка второго уровня</a> 
		</td> 
	</tr> 
	<tr> 
		<td><a class="a0" href="proced_three_link">Ссылка второго уровня</a> 
		</td> 
	</tr> 
	<tr> 
		<td>... 
		</td> 
	</tr> 
</table>
</span></esc>
</pre>
</ru-ru>
<en-us>
[Login.aspx|Log in] or [Register.aspx|create an account] to start this article
</en-us>

Meta Keywords: css, html, выпадающее, меню
Meta Description: Пример выпадающего меню средствами CSS и HTML
Change Comment: