Jump to content

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


Recommended Posts

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

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

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

Link to comment
Share on other sites

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

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>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...