|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
06.03.2011, 13:24 | #1 |
Регистрация: 05.03.2011
Сообщений: 5
|
Доработать код или посоветуйте аналог
Есть скрипт:
<script type="text/javascript"> function Menu() { var div = document.getElementById('Result'); div.style.display = (div.style.display == 'none') ? '' : 'none'; div.innerHTML = '<a href="http://translate.ru/" target="_blank">Promt</a><br><a href="http://translate.google.ru/#" target="_blank">Google Переводчик</a><br><a href="http://www.transneed.com/on_line_free_translator.php" target="_blank">TranslationNeed</a><br><a href="http://www.langinfo.ru" target="_blank">langinfo.ru</a><br><a href="http://lingvo.abbyyonline.com/ru" target="_blank">ABBYY Lingvo</a>'; } </script> <a onclick="Menu(); return false;"><img src="http://bigtoolbar.ucoz.ru/icon/translate.png" style="width:32px; height:32px;"></a><div id="Result" style="display:none"></div></a> наверняка корявый Помогите довести до ума чтобы можно было писать несколько иконок подряд в одой строке типа как социальные закладки. Или посоветуйте аналог. Спасибо!!! P.S. Еще было здорово чтобы при наведении на иконку появлялось описание типа: Последний раз редактировалось Romanmani; 06.03.2011 в 13:35. |
09.03.2011, 10:00 | #2 |
Пользователь
Регистрация: 05.03.2011
Сообщений: 60
|
Код:
Мои статьи по веб-программированию http://pihpi.ru
|
09.03.2011, 14:29 | #3 | |
Регистрация: 05.03.2011
Сообщений: 5
|
Цитата:
|
|
09.03.2011, 14:44 | #4 |
Пользователь
Регистрация: 05.03.2011
Сообщений: 60
|
PHP код:
Мои статьи по веб-программированию http://pihpi.ru
|
09.03.2011, 15:47 | #5 | |
Регистрация: 05.03.2011
Сообщений: 5
|
Цитата:
|
|
10.03.2011, 15:49 | #6 |
Пользователь
Регистрация: 05.03.2011
Сообщений: 60
|
Код:
Мои статьи по веб-программированию http://pihpi.ru
|
12.03.2011, 15:09 | #7 | |
Регистрация: 05.03.2011
Сообщений: 5
|
Цитата:
Спасибо Большое! |
|
12.03.2011, 15:11 | #8 |
Регистрация: 05.03.2011
Сообщений: 5
|
Вот я нашел и доработал сам мож кому пригодится
Выпадающее меню:
<html> <head> <title>Выпадающее меню на javascript</title> <style> body { font-family: verdana, sans-serif; font-size:13px; margin:0px; padding:0px; background:none;} .menu { background:none; width:100%; } #block_menu { margin-left:5px; } .punkt {float:left; padding: 1px 1px 0px 1px; background:none; position:relative; cursorointer; color:#7EC0EE;} .punkt div {padding:2px 7px 2px 7px;} div.list_punkts {background:none; position:absolute; top:26px; left:0px; display:none; padding:0px; width:180px; border:solid 1px #E8E8E8; color:#8080FF;} div.list_punkts div.kont {padding:0px;margin:3px; /*background:none;*/ } div.list_punkts a {text-decoration:#8080FF; padding:0px; cursorointer; } div.list_punkts div a div.podpunkt { /*background:none;*/ width:100%; padding:0px; margin-top:2px; } div.list_punkts div a div.podpunkt div { width:100%;padding:0px 0px 0px 2px; white-spacere;} div.list_punkts div a:hover { background:none; } div.list_punkts div a:hover div.podpunkt { background:none; color:none; } .footer_menu { clear:both; } </style> </head> <body> <script type="text/javascript"> function overPunkt(obj_listPunkt) { /* делаем выпадающее меню видимым */ obj_listPunkt.childNodes[1].style.display="block"; /* ставим выпадающее меню ниже пункта меню */ obj_listPunkt.childNodes[1].style.top=obj_listPunkt.offsetHeig ht; /*дальше идет оформление пункта меню */ obj_listPunkt.style.background="non e"; obj_listPunkt.style.padding=0; obj_listPunkt.childNodes[0].style.border="solid 1px #E8E8E8"; obj_listPunkt.childNodes[0].style.borderBottom="none"; /* запоминаем цвет текста пункта меню, чтоб потом его можно было восстановить */ color_text=obj_listPunkt.style.colo r; obj_listPunkt.style.color="#8080FF" ; } function outPunkt(obj_listPunkt) { /* делаем выпадающее меню невидимым */ obj_listPunkt.childNodes[1].style.display="none"; /* дальше восстанавливаем первоначальный внешний вид пункта меню */ obj_listPunkt.style.background="tra nsparent"; obj_listPunkt.style.padding=1; obj_listPunkt.style.paddingBottom=0 ; obj_listPunkt.childNodes[0].style.border="none"; obj_listPunkt.style.color=color_tex t; } </script> <div class="menu"> <div id="block_menu"> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>О проекте</div ><div class="list_punkts"><div class="kont"> <a href="#"><div class="podpunkt"><div>Главная</div></div></a> <a href="#"><div class="podpunkt"><div>О нас</div></div></a> <a href="#"><div class="podpunkt"><div>Контакты</div></div></a> <a href="#"><div class="podpunkt"><div>Карта сайта</div></div></a> </div></div> </div> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>В еб-дизайн</div ><div class="list_punkts"><div class="kont"> <a href="http://www.linedmk.com"><div class="podpunkt"><div>Основы</div></div></a> <a href="#"><div class="podpunkt"><div>Статьи</div></div></a> <a href="#"><div class="podpunkt"><div>Литература</div></div></a> <a href="#"><div class="podpunkt"><div>Приемы и примеры</div></div></a> <a href="#"><div class="podpunkt"><div>Частые ошибки</div></div></a> </div></div> </div> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>J avaScript</div ><div class="list_punkts"><div class="kont"> <a href="#"><div class="podpunkt"><div>Основы</div></div></a> <a href="#"><div class="podpunkt"><div>Литература</div></div></a> <a href="#"><div class="podpunkt"><div>Статьи</div></div></a> <a href="#"><div class="podpunkt"><div>Скачать скрипты</div></div></a> </div></div> </div> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>P HP</div ><div class="list_punkts"><div class="kont"> <a href="#"><div class="podpunkt"><div>Основы</div></div></a> <a href="#"><div class="podpunkt"><div>Литература</div></div></a> <a href="#"><div class="podpunkt"><div>Статьи</div></div></a> <a href="#"><div class="podpunkt"><div>Скачать скрипты</div></div></a> </div></div> </div> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>Н овости</div ><div class="list_punkts"><div class="kont"> <a href="#"><div class="podpunkt"><div>За последнюю неделю</div></div></a> <a href="#"><div class="podpunkt"><div>За месяц</div></div></a> <a href="#"><div class="podpunkt"><div>Все</div></div></a> </div></div> </div> </div> <div class="footer_menu"></div> </div> </body> </html> |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Доработать код | ferrum88 | Помощь студентам | 0 | 23.11.2010 20:14 |
доработать помочь код | alex0097 | Общие вопросы Delphi | 2 | 16.07.2010 23:30 |
Протестите прогу, и посоветуйте, что доработать) | Krechet | Софт | 23 | 12.08.2009 16:20 |
Доработать код | Микки | Microsoft Office Excel | 7 | 31.03.2009 13:12 |