Читайте также:
|
|
Простейшее двухуровневое меню представляет собой несколько рядом расположенных вертикальных меню. В листинге 2 приведен код, а на рис. - внешний вид двухуровневого меню, состоящего из трех вертикальных меню. В исходном состоянии видна только горизонтальная часть меню. Это обеспечивается параметрами overflow:hidden и height с достаточно малым значением. При наведении указателя мыши на первую или вторую опции горизонтальной части меню раскрывается соответствующее вертикальное подменю, содержащее ссылки (увеличивается значение height). Для третьей опции подменю не предусмотрено, она сама содержит единственную ссылку. Чтобы при наведении мыши на опцию меню (<div>) ее указатель сохранял форму в виде стрелки, установлен параметр cursor:default. Однако при наведении мыши на собственно ссылку указатель примет обычный для такого случая вид руки.
Пример №2 для самостоятельной реализации:
Листинг 2. Двухуровневое меню:
ВНИМАНИЕ! В данном примере, в отличие от рассмотренного в предыдущем подразделе, ссылка сработает не только при щелчке на ее тексте, но и на всей соответствующей строке подменю.
Дата добавления: 2015-09-11; просмотров: 20 | Поможем написать вашу работу | Нарушение авторских прав |