динамическое меню картинками css

Первый блок ссылок имеет уникальное имя (id="") navbody1, второй блок — navbody2. Для каждого раздела при наведении мыши на элемент (событие onmouseover) и уходе мыши с элемента (onmouseout) вызывается определенная функция JavaScript с параметром в виде номера меню.

    <a href="/buy3.html">Продукт 3</a>

    <a href="/buy2.html">Продукт 2</a><br />

    <a href="/buy1.html">Продукт 1</a><br />

  <div id="navbody2">

  <div class="navhead">Купить</div>

<div onmouseover="menushow('2');" onmouseout="menuhide('2');">

    <a href="/about.html">О компании</a>

    <a href="/products.html">Товары</a><br />

    <a href="/news.html">Новости</a><br />

  <div id="navbody1">

  <div class="navhead">Информация</div>

<div onmouseover="menushow('1');" onmouseout="menuhide('1');" style="float: left; width: 50%;">

XHTML-код документа описывает 2 блока меню, в каждый вложено еще 2 блока: один с заголовком, второй с содержимым меню:

Принцип работы подобных меню основан на том, что через события XHTML-документа вызывается функция JavaScript, которая динамически меняет CSS-свойства блоков, содержащих пункты меню.

Если на сайте слишком много ссылок в главном меню, а оно, как правило, расположено горизонтально, то для всех разделов может не хватить места. В таком случае необходимо делать выпадающее меню.

Написано для Дата публикации 22-08-2005 17:51Статья просмотрена 19343 раз

Похожие статьи (39,47%)В целях безопасности всегда необходимо проверять введенные пользователем данные. Проверка клиентским JavaScript легко обходится отключением js в браузере и предназначена она не для борьбы со злоумышленниками, а для помощи тем, кто случайно допустил ошибку. Тоже очень благородное занятие :) Согласитесь?… (36,84%)С помощью JavaScript и CSS мы будем делать ссылки, невидимые для поисковых систем, но вполне видимые для пользователей. Код может пригодиться для тех разделов сайта, где нельзя быть уверенным в «объективности» ссылки от посетителя, и для самостоятельной расстановки ссылок веб-мастером, если он не хочет поднимать популярность других сайтов… (35,44%)Мне часто приходится иметь дело с каскадными таблицами стилей. Опыт показывает, что для их редактирования наиболее удобны специальные программы-редакторы, способные значительно упростить работу веб-строителя. С одной из таких программ я и хочу вас ознакомить…Автор: Земсков Юрий

Выпадающее меню на CSS и JavaScript

Выпадающее меню на CSS и JavaScript