Сайт проекта ExBB

Общение объединяет!

Войдите на форум при помощи

Войти через loginza

Чат на форуме

Помощь

Поиск

Пользователи

BanList

BanList

Здравствуйте Гость ( Вход · Регистрация · Правила форума )

Забыли пароль?

Интересное меню под JavaScript

ExBB Community » Веб-разработка » Вопросы и ответы » JavaScript

Страниц (1): [1]

Описание: помогите поправить

Поиск в теме | Версия для печати

mastersound	Отправлено: 1 сентября 2010 — 20:20
Super Member Покинул форум Сообщений всего: 604 Дата рег-ции: Март 2009 Откуда: Ё-бург Репутация: 23	Вот такую штуку использую у себя на сайте (проблема - после кода): код меню под JavaScript (Отобразить) CODE: в саму страницу после МETA тегов, до </head> вставляете java script: <SCRIPT language=JavaScript> var imn; var icount = 4; // image count var iw = 49; // start width var iw2 = 90; // end width var ih = 74; // start height var ih2 = 135; // end height var stop; function g() { for(i=1;i<=icount;i++) { var im = document.getElementById("i"+i); if(imn!=i) { im.width=(im.width>=iw)?(im.width-2):im.width; im.height=(im.height>=ih)?(im.height-2):im.height; } else { im.width=(im.width<=iw2)?(im.width+2):im.width; im.height=(im.height<=ih2)?(im.height+2):im.height; } } if(stop<iw2-iw \|\| stop<ih2-ih) {setTimeout("g()", 20); stop++;} } </SCRIPT> в то место, где хотите выводить меню вставляете <span onmouseout="stop=1; imn=0; g();"> <img id="i1" src="img/ajax.png" alt="ajax" onmouseover="stop=1; imn=1; g();" width="50"> <img id="i2" src="img/php.png" alt="php" onmouseover="stop=1; imn=2; g();" width="50"> <img id="i3" src="img/javascript.png" alt="javascript" onmouseover="stop=1; imn=3; g();" width="50"> <img id="i4" src="img/html.png" alt="html" onmouseover="stop=1; imn=4; g();" width="50"> </span> .... если нужно больше элементов меню, то копируете последнюю строку и добавляете ее в блок, меняя: <img id="i5" src="img/раздел_меню5.png" alt="раздел_меню5" onmouseover="stop=1; imn=5; g();" width="50"> Также в java script code надо увеличить параметр var icount = до того числа, которое необходимо Размеры - там-же проблема: Элементы меню при загрузке страницы сразу открываются в больших размерах и уменьшаются лишь после "взмаха" мышкой. Работает правильно, но хочется чтобы элементы меню сразу, изначально, были в маленьких размерах. Кто нибудь подскажет - в чем дело?

ExBB FAQ ExBB 1.1 тестовая версия ExBB 2.0.*

electron	Отправлено: 2 сентября 2010 — 05:36
ExBB Team Покинул форум Сообщений всего: 3917 Дата рег-ции: Февр. 2009 Репутация: 341	а css имеется у этого меню? сдается мне, там это всё поправляется

mastersound	Отправлено: 3 сентября 2010 — 07:36
Super Member Покинул форум Сообщений всего: 604 Дата рег-ции: Март 2009 Откуда: Ё-бург Репутация: 23	Нет. css не используется. Сейчас выходит так, что чтобы меню заработало (загружалось в правильном отображении, с маленького размера), надо его активировать, проведя мышкой. Нельзя ли его активировать на этапе загрузки в браузер? Вы посмотрели, как работает, electron?

electron	Отправлено: 3 сентября 2010 — 07:55
ExBB Team Покинул форум Сообщений всего: 3917 Дата рег-ции: Февр. 2009 Репутация: 341	mastersound пишет: Вы посмотрели, как работает, electron? естественно, иначе не задал бы вопроса. но честно говоря, ни в опере, ни в моззилке я не наблюдаю какого-либо изменения в меню после продвижения по ней мыши. лишь меняется цвет ссылки и она подчеркивается.

mastersound	Отправлено: 3 сентября 2010 — 08:27
Super Member Покинул форум Сообщений всего: 604 Дата рег-ции: Март 2009 Откуда: Ё-бург Репутация: 23	А мы о чем с Вами разговаривали сейчас?))) Менюшка спользует изображения, которые плавно увеличиваются при наведении на них мышки. Нкаких текстовых ссылок в ней нет...

electron	Отправлено: 3 сентября 2010 — 09:03
ExBB Team Покинул форум Сообщений всего: 3917 Дата рег-ции: Февр. 2009 Репутация: 341	так.... пойдем другим путём... мы говорим об этом меню? Прикреплено изображение

mastersound	Отправлено: 3 сентября 2010 — 14:02
Super Member Покинул форум Сообщений всего: 604 Дата рег-ции: Март 2009 Откуда: Ё-бург Репутация: 23	нееее нет...)))) о том, которое я привел в коде (в первом посте под спойлером). Эта менюшка на другом сайте используется. Берутся несколько иконок, описываются в java коде и получается, что выводятся они с анимацией. Попробуйте сам - все просто. Только вот проблемка есть, которой я в том-же посте написал

electron	Отправлено: 4 сентября 2010 — 10:05
ExBB Team Покинул форум Сообщений всего: 3917 Дата рег-ции: Февр. 2009 Репутация: 341	потестил ваш код. проблема в том, что изначально скрипт делает менюшку на 2px больше оригинального изображения из папки img и только после клика на нем делает размер оригинальным. решение данной проблемы нашел такое : для начала надо переставить строки кода CODE: var icount = 4; // image count var iw = 49; // start width var iw2 = 90; // end width var ih = 74; // start height var ih2 = 135; // end height чтоб выглядели они так: CODE: var icount = 4; // image count var iw = 49; // start width var ih = 74; // start height var iw2 = 90; // end width var ih2 = 135; // end height чтоб хотя бы для себя не было путаницы между начальным и конечным размерами ячеек меню. далее, в самой строке меню надо добавить атрибут height и прописать размер ячейки меньше, чем те, которые указаны в параметрах var iw и var ih . и меньше это должно быть именно на 2px. Т.е. если у вас размеры 49х74, то строчка одной ячейки меню должна выглядеть так: CODE: <img id="i1" src="img/ajax.png" alt="ajax" onmouseover="stop=1; imn=1; g();" width="47" height="72"> вот собственно, если по такому алгоритму создавать меню, то оно будет работать как вы хотите. вот такой код был у меня на пробной страничке : Разверни (Отобразить) CODE: <html> <head> <SCRIPT language=JavaScript> var imn; var icount = 4; // image count var iw = 88; // start width var ih = 88; // start height var iw2 = 135; // end width var ih2 = 135; // end height var stop; function g() { for(i=1;i<=icount;i++) { var im = document.getElementById("i"+i); if(imn!=i) { im.width=(im.width>=iw)?(im.width-2):im.width; im.height=(im.height>=ih)?(im.height-2):im.height; } else { im.width=(im.width<=iw2)?(im.width+2):im.width; im.height=(im.height<=ih2)?(im.height+2):im.height; } } if(stop<iw2-iw \|\| stop<ih2-ih) {setTimeout("g()", 20); stop++;} } </SCRIPT> </head> <body> <span onmouseout="stop=1; imn=0; g();"> <img id="i1" src="img/internet.gif" alt="internet" onmouseover="stop=1; imn=1; g();" width="86" height="86"> <img id="i2" src="img/bugs.gif" alt="bugs" onmouseover="stop=1; imn=2; g();" width="86" height="86""> <img id="i3" src="img/mp3.gif" alt="mp3" onmouseover="stop=1; imn=3; g();" width="86" height="86"> <img id="i4" src="img/php.gif" alt="php" onmouseover="stop=1; imn=4; g();" width="86" height="86"> </span> </body> </html> при таком правиле создания менюшки все работает прекрасно. как доказательство - прикрепляю скриншот. если идти сверху вниз - меню до клика мышки, при клике мышкой и после клика. как видите, до клика и после менюшка абсолютно одинаковая. Прикреплено изображение

mastersound	Отправлено: 4 сентября 2010 — 22:09
Super Member Покинул форум Сообщений всего: 604 Дата рег-ции: Март 2009 Откуда: Ё-бург Репутация: 23	electron Большое спасибо! Не шарю в яве, благодарю за то, что уделили моей проблеме свое время.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)

« JavaScript »

	Темы	Форум	Информация о теме	Обновление
Похожие темы: Интересное меню под JavaScript
	Требуется помощь помогите отредактировать	Общие вопросы	Ответов: 19 Автор темы: egori4	3 июля 2010 — 06:13 Автор: egori4
	Взлом форума помогите разобраться	Уязвимости	Ответов: 4 Автор темы: monstYr	13 марта 2010 — 08:24 Автор: monstYr
	хочу поделиться своим маленьким дополнением Добавил на страничку сплываюшие картинки ajax, с выпадением меню)	JavaScript	Ответов: 16 Автор темы: FoXaV	16 июня 2011 — 14:23 Автор: electron
	Личные сообщения PHP помогите написать скрипт ЛС	MySQL	Ответов: 2 Автор темы: alexssses	3 февраля 2013 — 03:12 Автор: 1Bot
	Борьба с регистрацией спамеров Что делать, помогите!	Решение проблем	Ответов: 2 Автор темы: Guyver	12 августа 2015 — 02:36 Автор: Guyver

Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.

Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0692] [ ]