azool Posted March 17, 2006 Report Share Posted March 17, 2006 Привет народ. Помогите, пожалуйста. нужно создать меню навигации по сайту. Ввиде панельки кнопок сделанных в photoshop. Надо, чтобы при наведении на одну кнопку выпадало подменю, а при нажатии на другую кнопка как бы утопала и происходил переход на соответствующую страницу. Изображения самой кнопки и утопленной сделал в PS , но не знаю как сделать выподающее меню. Может кто подскажет, что для этого надо? Link to comment Share on other sites More sharing options...
bOberr Posted March 17, 2006 Report Share Posted March 17, 2006 Извини, получилось несколько запутанно, но работает. Нужно в каталог со страницей положить рисунки 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 More sharing options...
azool Posted March 18, 2006 Author Report Share Posted March 18, 2006 Спасибо огромное. Это именно то, что мне надо бало. :D Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now