Навигация [1]
Графика [1]
Главная » Файлы » JavaScript » Навигация

Красивое анимированное меню.
[ Скачать с сервера (4.1Kb) ] 18 Февраль 2010, 23:14:25

Красивое анимированное меню. Легко можно подстроить под свои нужды.

Для установки на сайт делаем следующее: скачиваем архив, распаковываем; там папка images (там фон меню), js-скрипт (это сам скрипт), два варианта css-оформления. Заливаем на сайт фон, скрипт, прикрепляем скрипт к странице. Можно скопировать стиль из одного из файлов, можно сделать свой. Там всё просто, легко разобраться.

Теперь добавляем в тег body страницы с меню следующий атрибут:

Code
onload="menuSlider.init('menu','slide')"

Ну а теперь вставляем туда, где должно быть меню:

Code
<div class="menu">  <ul id="menu">  <li><a href="javascript://">1 пункт</a></li>  <li value="1"><a href="javascript://">2 пункт</a></li>  <li><a href="javascript://">3 пункт</a></li>  </ul>  <div id="slide"></div>  </div>

Каждый тег <li> - это пункт меню, можем добавлять их сколько надо. В ссылках (тегах <a>) заменяем адрес javascript:// на нужный нам адрес. Тот тег <li>, где параметр value равен 1, тот пункт выбран по-умолчанию в меню.

Категория: Навигация | Добавил: Кейтен
Просмотров: 1343 | Загрузок: 242 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email:
Код *: