Перейти к содержанию
СофтФорум - всё о компьютерах и не только

Создание меню


Рекомендуемые сообщения

Привет народ.

Помогите, пожалуйста.

нужно создать меню навигации по сайту. Ввиде панельки кнопок сделанных в photoshop. Надо, чтобы при наведении на одну кнопку выпадало подменю, а при нажатии на другую кнопка как бы утопала и происходил переход на соответствующую страницу. Изображения самой кнопки и утопленной сделал в PS , но не знаю как сделать выподающее меню. Может кто подскажет, что для этого надо?

Ссылка на комментарий
Поделиться на другие сайты

Извини, получилось несколько запутанно, но работает. Нужно в каталог со страницей положить рисунки

0.gif, 1.gif, 2.gif, 3.gif, p1.gif, p2.gif, p3.gif.

<html><head><script>function show(){for (i=1;i<4;i++){document.images[i].style.visibility="visible";}}function hide(n){name=n+".gif";document.images[n].src=name;for (i=1;i<4;i++){document.images[i].style.visibility="hidden";}}function ch(n, p){name="p"+n+".gif";document.images[n].src=name;path="http://"+p;window.location.href=path;}</script></head><body><img src="0.gif" style="top:5px;left:5px" onmouseover="show()" onmouseout="hide()"><img src="1.gif" style="visibility:hidden;position:absolute;top:5px;left:155px" onmouseover="show()" onmouseout="hide(1)" onclick="ch(1, 'www.mail.ru')"><img src="2.gif" style="visibility:hidden;position:absolute;top:55px;left:155px" onmouseover="show()" onmouseout="hide(2)" onclick="ch(2, 'www.rambler.ru')"><img src="3.gif" style="visibility:hidden;position:absolute;top:105px;left:155px" onmouseover="show()" onmouseout="hide(3)" onclick="ch(3, 'www.microsoft.ru')"></body></html>
Ссылка на комментарий
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...