Помощник
|
МЕНЮшка |
x-line
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
18.3.2010, 19:24;
Ответить: locky-yotu
Сообщение
#2
|
|
Примерно вот так
<script type="text/javascript"> function $(obj){return document.getElementById(obj)} function sh(obj){obj.style.display!='block'?obj.style.display='block':obj.style.display='none'} </script> <style type="text/css"> #java, #minij {display:none} </style> <ul> <li> <a href="javascript:sh($('java'))">Java</a> <ul id="java"> <li><a href="#">First</a></li> <li><a href="#">Second</a></li> <li><a href="#">Third</a></li> <li><a href="#">Fourth</a></li> <li><a href="#">Fifth</a></li> </ul> </li> <li> <a href="javascript:sh($('minij'))">MiniJ</a> <ul id="minij"> <li><a href="#">First</a></li> <li><a href="#">Second</a></li> <li><a href="#">Third</a></li> <li><a href="#">Fourth</a></li> <li><a href="#">Fifth</a></li> </ul> </li> </ul> Стили сами можете применить, какие захотите |
|
|
x-line
|
Сообщение
#3
|
|
Ого ! они ещё и закрываются )) СПАСИБО!!!:goodpost::popcorn2:
а , ещё, если можно , как бы так сделать что бы при нажатии на папку она не только открывалась ., но и картинка менялась самой папки с закрытой на открытую и наабарот ..:rolleyes: |
|
|
locky-yotu |
19.3.2010, 12:38;
Ответить: locky-yotu
Сообщение
#4
|
|
Что-то типа того:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>SomeTitle</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function $(obj){return document.getElementById(obj)} function sh(obj,lnk){ if (obj.style.display!='block') {obj.style.display='block',lnk.style.background='#ccc'} else {obj.style.display='none';lnk.style.background='#555'} } </script> <style type="text/css">a {background:#555} #java, #minij {display:none}</style> </head> <body> <ul> <li> <a href="javascript:void(0)" onclick="sh($('java'),this)">Java</a> <ul id="java"> <li><a href="#">First</a></li> <li><a href="#">Second</a></li> <li><a href="#">Third</a></li> <li><a href="#">Fourth</a></li> <li><a href="#">Fifth</a></li> </ul> </li> <li> <a href="javascript:void(0)" onclick="sh($('minij'),this)">MiniJ</a> <ul id="minij"> <li><a href="#">First</a></li> <li><a href="#">Second</a></li> <li><a href="#">Third</a></li> <li><a href="#">Fourth</a></li> <li><a href="#">Fifth</a></li> </ul> </li> </ul> </body> </html> Здесь меняется бекграунд ссылок, можете вместо цвета менять картинку на бекграунде |
|
|
x-line
|
Сообщение
#5
|
|
Спасибочки ещё разок . Только возникла проблемка. Сделал пока без замены картинок (по первому варианту) менюшка работает всё вроде бы ок , но заметил что вход перестал работать. Как оказалось в этом JS какая-то ошибка которая конфликтует с другими JS . Ошибка где-то именно здесь , т.к убирая данный кусок всё работает нормально...
function $(obj){return document.getElementById(obj)} вот эту строчку как переделать ? (насколько я понял дело в "$") |
|
|
Nikolay63 |
5.4.2010, 15:05;
Ответить: Nikolay63
Сообщение
#6
|
|
|
Помогите пожалуйста!
Создал меню на базе java, совсем простенькую, необходима она мне была для того чтоб редактировать не 50 страниц вручную, а один файлик. Всё работает, но мне нужно чтоб при переходе в раздел, ссылка загоралась другим цветом (становилась активной) чтоб человек понимал что он находится именно в этом разделе. Вот мой сайт (меню слева): http://www.birdsmoscow.net.ru/ код явы находится в отдельном файле document.write('<li><a href="info.html">Присоединяйтесь</a></li>'); document.write('<li><a href="proekt.html">Проекты</a></li>'); document.write('<li><a href="participants.html">Участники</a></li>'); document.write('<li><a href="news.html">Новости программы</a></li>'); document.write('<li><a href="birds-news.html">Птичьи новости</a></li>'); document.write('<li><a href="books.html">Публикации</a></li>'); document.write('<li><a href="interesmesta.html">Интересные места</a></li>'); document.write('<li><a href="photoreport_bittern.html">Фоторепортажи</a></li>'); document.write('<li><a href="trips_vinogradovo.html">Наши выезды</a></li>'); document.write('<li><a href="qualifier.html">On-line определители</a></li>'); document.write('<li><a href="delivery.html">Рассылка</a></li>'); document.write('<li><a href="region-partner.html">Регионы-партнёры</a></li>'); document.write('<li><a href="partner.html">Партнеры</a></li>'); document.write('<li><a href="contacts.html">Контакты</a></li>');
|
|
|
||
|
Текстовая версия | Сейчас: 25.4.2024, 10:32 |