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

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

проект завершено


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

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

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

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

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

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

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

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

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

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

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

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

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

Додатки 1

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

Відгук замовника про фрилансера Эдуарде К.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Задание выполнено соответственно информации указанной в описании проекта. Быстро, профессионально, за вменяемые деньги. Эдуард постоянно был на связи.

Богдан К. Богдан Калашник


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

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

  1. 1 день300 ₴Переможець
    Эдуард Кириленко
     1621   65   0

    +

    Україна Дніпро | 10 січня о 10:23 |
  2. ставка прихована фрілансером
  3. 1 день500 ₽
    Александр Щербаков
     127   0   1

    Приветствую! готов выполнить
    сделаю красиво и адаптивно
    почта: [email protected]

    Росія Волгоград | 10 січня о 10:20 |
  4. 1 день400 ₴
    Svet Lana
     112   4   0

    Готова выполнить.

    Україна Україна | 10 січня о 10:21 |
  5. 1 день400 ₴
    Татьяна Абчинец
     270   1   0

    Здравствуйте! Сделаю работу быстро и качественно, вы можете писать мне на почту - [email protected] или скайп - tanya210392. Оплата после одобрения готового результата.

    Україна Луцьк | 10 січня о 10:22 |
  6. 3 дні1500 ₴
    Антон Ерофеев
     413   4   0

    Здравствуйте, скорее всего проще будет заново написать скрипт Вашего меню. И адаптивная версия как-то очень криво реализована. На сайте-доноре лучше, но тоже с глюками.

    Мой скайп: anton.yerofeiev
    Мой имейл: [email protected]
    Мое портфолио: http://antonerof.pp.ua/

    Україна Київ | 10 січня о 10:26 |
  7. 1 день400 ₴
    Сергей Романенко
     313   2   0

    Доработаю меню, обращайтесь.

    Україна Антрацит | 10 січня о 11:20 |
  8. 1 день400 ₴
    Валентин Сухов
     1082  перевірений   49   3

    Готов к работе.

    Україна Краматорськ | 10 січня о 11:29 |
  9. 3 дні400 ₴
    Vladislav Izversky
     330   1   0

    Имею опыт, готов к сотрудничеству.
    Готов приступить незамедлительно! Работы в портфолио.
    --------------------------------------------------------------------------
    Контакты для связи:
    --------------------------------------------------------------------------
    Skype: rafael_raflen
    Телефон: +3806676376350
    E-mail: [email protected]
    --------------------------------------------------------------------------

    Україна Харків | 10 січня о 11:46 |
  10. 1 день200 ₴
    Віталій Корбут
     241   1   0

    Ознакомлен с вашим заданием, нет ничего сложного! Готов приступить сейчас!

    Пишите мне в скайп: vetaliys22
    Или в приват, как вам удобнее!)

    Україна Чернівці | 10 січня о 13:20 |

Замовник
Богдан Калашник
Україна Київ  2   0
Проект опублікований
10 січня о 10:15
132 перегляди
Способи оплати
Поділитися