Меню с плавной инверсией цвета

[@imbeat]

Есть небольшое замечание: в горизонтальном меню при перемещении курсора текст дергается.
А в остальном все хорошо.
Спасибо, что поделились наработками.

[@Snickersmix]

можно узнать браузер в котором вы тестировали?

[@omfg]

Так же — Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.79 Safari/537.1

[@imbeat]

Да, пардон, забыл указать браузер.
Google Chrome 21.

[@Snickersmix]

chrome исправлен

[@xtelekom]

Тоже хром 21 и тоже дергается, в вертикальном только. в горизонтальном нормально
www.youtube.com/watch?v=1fq0HKXfcj4

[@SilenceAndy]

— В Firefox 14.0.1 нельзя перейти на последний пункт горизонтального меню.
— В Firefox 14.0.1 надписи в горизонтальном меню явно меняют свое положение.
— В Chrome 21.0.1180.79 надписи в горизонтальном меню «колбасит» при анимации.

[@MAGnitos]

" В Chrome 21.0.1180.79 надписи в горизонтальном меню «колбасит» при анимации."
Вы хотели сказать в вертикальном?

[@SilenceAndy]

Да, перепутал.

[@Snickersmix]

fix

[@zerkms]

Занимательно, что ещё никто не предложил залить на гитхаб (ну или на битбакет). Предлагаю :-)

[@Snickersmix]

видим уже сами залили и себе присвоили =)
спасибо за подсказку =)

[@Namolem]

Спасибо, пристрою себе на сайт
Если случайно задеть мышкой меню, контейнер дернется в ее сторону.
Возможно кому-нибудь пригодится, наткнулся в сети на плагин, «ждущий, когда мышка остановится», перед тем как вызвать onHover

cherne.net/brian/resources/jquery.hoverIntent.html

[@WiseRaccoon]

Еще одно замечание: если навести мышь на пункт меню, а потом убрать (вбок с вертикального, вниз с горизонтального), то выделение возвращается на пункт «Third».

[@Snickersmix]

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

[@Nordvind]

С точки зрения юзера скажу что в каком-нибудь интернет-магазине подобного не потерпел-бы. Подсветка выбранного пункта меню теряет смысл, т.к. я нажму туда сразу и не стану ждать несколько секунд ползущий к курсору индикатор.

предложения по улучшению:
Как минимум добавьте настройку скорости. Тогда можно говорить о юзабельности. А пока что забавно, не более.

[@Snickersmix]

доезда курсора ждать необязательно.

добавил настройку скорости

[@Nordvind]

Я вижу, что необязательно =) Я о том, что подсветка в таком случае не несет функциональной нагрузки. Если юзер успевает нажать на ссылку до того, пока доедет подсветка, зачем она нужна вообще?

[@Snickersmix]

это лишь дополнение к оформлению. пользователь не всегда моментально нажимает на нужный пункт. я например когда читаю меню.провожу по нему мышкой и для меня этот эффект интересен

[@ivvi]

Автор, в IE 8 проверял работу?

[@Snickersmix]

за неимением оного к сожалению нет.

[@Nordvind]

Есть под рукой

[@Snickersmix]

fixed

[@ivvi]

Да, теперь всё хорошо в IE 8.

[@freextraz]

Делали в своё время что-то подобное)

[@freextraz]

www.oilservice32.ru/

[@yurik417]

Использование плагина «lavalamp» не означает: «делать что-то подобно»!

[@Sterhel]

Хорошая штука. Недавно чуть подробнее проникся подобными эффектами, как плеер себе новый скачал, теперь тоже подумываю на паре сайтов использовать.

[@Zyamilon]

Что за плеер?

[@Sterhel]

AIMP и скин PureWhite.

[@mr_jok]

Меню поддерживает многоуровневое вложение подменю?

[@Snickersmix]

сейчас такой поддержки нет, но это было в планах и думаю в скором времени появится

[@Glivera]

Пора бы уже анимацию отдавать на откуп css.
Пример можно посмотреть тут ekaterinabrovko.com/, ие конечно не поддерживается, но сделать поддержку и анимировать только для его не так сложно будет сделать.