Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
400 ₴

Поправить анимированное меню на сайте

closed by moderator


Ищу программиста, специалиста по HTML+CSS+JavaScript(jQuery) для реализации анимированного меню на сайте http://nosieto.com.ua/newdesign в соответствии со следующими требованиями.

Меню должно работать по такому принципу, как на сайте https://www.farfetch.com. Вверху три основных раздела: ЖЕНЩИНЫ, МУЖЧИНЫ, ДЕТИ. Под ними пункты меню, у каждого раздела свои. В строке пунктов меню перемещается указатель-треугольник, который показывает пункты какого раздела открыты. При перемещении курсора мышки от раздела к разделу, строка с пунктами меню один раз мигает, для того что бы пользователю было понятно, что произошло перемещение из пунктов меню одного раздела к пунктам меню другого раздела. При этом не активные разделы становятся серыми, а активный раздел черным. Далее, если пользователь перейдёт в категорию товара, например Женщины/Одежда, раздел ЖЕНЩИНЫ будет выделен черным шрифтом, треугольник-указатель будет под словом ЖЕНЩИНЫ и будут отображены в строке пунктов меню пункты меню раздела ЖЕНЩИНЫ. При этом (при открытой категории, например, Женщины/Одежда), если пользователь наведёт курсор мышки на раздел МУЖЧИНЫ, МУЖЧИНЫ выделится черным шрифтом, ЖЕНЩИНЫ и ДЕТИ - серым, откроются пункты раздела МУЖЧИНЫ, НО, если пользователь не кликнет на какой-либо из пунктов раздела МУЖЧИНЫ и уберёт мышку с раздела МУЖЧИНЫ, то закроются пункты меню МУЖЧИНЫ, указатель переместится обратно на ЖЕНЩИНЫ и снова отобразятся пункты раздела ЖЕНЩИНЫ. Как-то так.

Сейчас эта схема уже реализована, но есть некоторые баги.

1) При входе на сайт (http://nosieto.com.ua/newdesign) и последующем переходе в разделы, если переместить курсор мышки справа от строки пунктов меню, под меню "Личный кабинет (Выход)" начинает беспорядочно мигать строка пунктов меню и начинает трясти вёрстку.

2) Если просматривается категория товара (например Женщины/Одежда), и курсор мышки переместить на раздел МУЖЧИНЫ, а потом убрать от туда мышку, указатель возвращается на женщины, но раздел, на который наводилась мышка остаётся выделеный черным жирным шрифтом, а раздел ЖЕНЩИНЫ становится выделеный жирным, но серым шрифтом. А должно быть, что бы активный, просматриваемый, раздел был выделен обычным черным шрифтом, а остальные становились обычным серым шрифтом.

А раз-через-раз, в выше описанном случае, если курсор мышки наводился на пункт меню Одежда разжела МУЖЧИНЫ, выпадает список подпунктов меню Одежда, НО, когда курсор мышки убирантся от туда, выпадающий список подпунктов меню, не сворачивается, остаётся висеть.

Если слишком запутано написал, могу объяснить по телефону и показать через TeamViewer.

Файл страницы прилагается.

Анимация сделана на JavaScript (фреймворк jQuery).

Можете править прикрепленный файл, и его же и демонстрировать по готовности. Потом наш программист перенесёт изменения в основной код сайта.

Изменения помечайте в коде, или выносите в отдельный файл(-ы) – если так будет удобнее.

Или, может, будет целесообразнее вообще этот элемент меню сделать заново, а не править тот код, что есть сейчас.

Главное – реализовать задачу, а как её реализовать – это уже Вам виднее, лишь бы всё работало, как нужно.



Update #1 from 26 December 2016
В прикрепленном файле - всё, что нужно для работы над меню - вся разметка страницы + ссылки на все необходимые файлы стилей и javascript. Тут меню уже разделено и сформировано, готово фактически – только поправить эффекты и стили, ну или переписать их заново.

Applications 1

Only registered users can view attachments.

Make a proposal!

The client doesn't want to make prepayment? Offer him to make a payment via Safe to avoid possible fraud.

  1.  freelancer isn't working in the service any longer
  2. 1 day200 ₴
    Максим Булыгин
     386   3    0

    Исправлю. Скайп bulyginbass или пишите в личку

    Ukraine Ukraine | 13 December 2016 |
  3.  2685 
    59   79    0

    1 day250 ₴

    Доброго времени суток!
    Готов помочь.
    Пишите в лс.
    Примеры работ:
    https://freelancehunt.com/freelancer/kenneb.html#portfolio

    Skype/Telegram: hoffman_zzz , Tel: +380990352448, Email: [email protected]

    Ukraine Kharkiv | 13 December 2016 |
  4. 3 days400 ₴
    Kozak Ukraine
     1264   46    4

    +

    Ukraine Vinnytsia | 13 December 2016 |
  5. proposal concealed by freelancer
  6. 1 day400 ₴
    Эрвин Тефиков
     1296   32    0

    Готов взяться за работу выполню в сроки и качественно!
    Буду рад сотрудничеству
    Портфолио имеется.
    Контакты:
    skype: tefikoff
    mail: [email protected]

    Russia Saint-Petersburg | 13 December 2016 |
  7. 1 day400 ₴
    Дмитрий Васильев
     537   12    0

    Исправлю, обращайтесь!

    Ukraine Kyiv | 14 December 2016 |

Client
Project published
12 December 2016
170 views