Додайте свій проект безкоштовно і почніть отримувати пропозиції від фрілансерів-виконавців вже через хвилини після публікації!
400 ₴

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

закрито модератором


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

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

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

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

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

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

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

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

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

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

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

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

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



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

Додатки 1

Перегляд контактної інформації доступний тільки зареєстрованим користувачам.

Зробити ставку!

Замовник не бажає робити передплату? Запропонуйте оплату через Сейф, щоб уникнути можливого шахрайства.

  1.  фрілансер більше не працює на сервісі
  2. 1 день200 ₴
    Максим Булыгин
     373   3    0

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

    Україна Україна | 13 грудня 2016 |
  3.  3009 
    60   77    0

    1 день250 ₴
    Владимир Р. перевірений 

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

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

    Україна Харків | 13 грудня 2016 |
  4. 3 дні400 ₴
    Kozak Ukraine
     1222   46    4

    +

    Україна Вінниця | 13 грудня 2016 |
  5. ставка прихована фрілансером
  6. 1 день400 ₴
    Эрвин Тефиков
     1355   33    0

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

    Росія Санкт-Петербург | 13 грудня 2016 |
  7. 1 день400 ₴
    Дмитрий Васильев
     524   12    0

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

    Україна Київ | 14 грудня 2016 |

Замовник
Богдан Калашник
Україна Київ  3    0
Проект опублікований
12 грудня 2016
170 переглядів
Способи оплати