Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   помоготи с меню на animate (https://javascript.ru/forum/dom-window/44263-pomogoti-s-menyu-na-animate.html)

zerofx 13.01.2014 04:16

помоготи с меню на animate
 
у меня есть меню. все вроде работает. но в голову пришла интересная идея. но из за того - что знания мои сейчас ограничениэ, сделал то что смог понять - но на большее не хватило, так что не судите строго. Как заставить работать функцию animete - по клику, а не по родительскому элементу. то есть задача в том - чтобы по клику на ссылку которая находится за пределами блока меню - активизировать меню.

тоесть основная задача состоит в том, чтобы - при клике на ссылку "Click" - TEST-5! должен среагировать как и в нижнем меню TEST-1, TEST-1, TEST-3, TEST-4.


здесь сам проект в действии
http://jsfiddle.net/zerofx/KrEd7/

рони 13.01.2014 04:24

Цитата:

Сообщение от zerofx
тоесть основная задача состоит в том, чтобы - при клике на ссылку "Click" - TEST-5! должен среагировать как и в нижнем меню TEST-1, TEST-1, TEST-3, TEST-4.

ещё раз но помедленнее :write:

zerofx 13.01.2014 11:02

ок, есть меню - при подведены мыши к меню оно разворачивается и сворачивается, то есть работают параметры mousemove и mouseout + функция animate - ну не мне Вам объяснять. Все вроде ок ... Но меня заинтересовала гениальная идея - как заставить пункт меню развернуться и свернуться - не по клику на его блок, а точнее тот блок с которым работает скрипт. а например реализовать это через ссылку,т.е. через тег <a href="#"> </ а>

ну я не знаю как точнее выразиться ... в примере видно - как работает меню .. оно красным цветом подсвечены. так же надо сделать и с тем что подсвечено розовым чуть выше - только так чтобы мышку подводить не на сам блок меню а на ссылку которая стоит выше. а еще короче так чтобы розовый блок сработал (развернуться и свернуться) от силки стоящей над ним ...

рони 13.01.2014 11:10

zerofx,
так? http://jsfiddle.net/KrEd7/1/

zerofx 13.01.2014 12:17

:no: ну почти.. click у меня получилось... розовим подсвечено тоже мню... вот здесь я графически отобразил что я хочу..

при наведении на TEST 1 курсора - срабатывает js (mousemove и mouseout + функция animate) - оно разворачивается и сворачивается (на рисунке показано стрелками). То же самое надо сделать и с блоком TEST5 (это меню только отдельное) - только не по клику а при подведении мышки к силке (Click) (mousemove и mouseout) ...

рони 13.01.2014 13:24

zerofx,
http://jsfiddle.net/KrEd7/5/

zerofx 13.01.2014 13:32

ДААА!! ВОТ ОНО :dance: :dance: :dance: :dance:

СПАСИБО :thanks: :thanks: :thanks: :thanks: :thanks: :thanks:

zerofx 13.01.2014 16:49

Извините что достаю .. но только теперь заметил - что если сделать более одного пункта меню - то они при наведении мышки к силики - активируются все пункты меню ... я могу создать несколько различных классов для js - и хотел бы понять что не так ...

http://jsfiddle.net/zerofx/KrEd7/10/



уже просто хочу до конца довести эту тему ...

рони 13.01.2014 17:06

zerofx,
http://jsfiddle.net/KrEd7/11/

zerofx 13.01.2014 17:19

СПАСИБО!

простите - а Вы можете объяснить что именно делает этот кусок кода?

.next().stop() - потому что я еще с таким не сталкивался ... я только думаю что он передает выполнения скрипта другому элементу .. пожалуй, а может и нет ..


и где, а точнее как теперь мне указать на элемент который надо вызвать


Часовой пояс GMT +3, время: 12:01.