Comments 35
очень симпатично, спасибо за перевод
совершенно не понимаю за что уже два минуса стоит
совершенно не понимаю за что уже два минуса стоит
+5
спасибо за перевод, надеюсь еще статьи будут
0
Занимательная статья, но лично для меня новинка только в использовании jQuery для подобного рода анимации, поскольку таб-меню по подобной технологии (sliding doors) уже приходилось делать. В общем, беру на заметку.
0
Спс, добавлю в какой-нибудь проект. Сколько юзаю jQuery не перестаю ей радоваться =)
0
Очень здорово. Спасибо за такой вкусный рецепт ;)
0
Поправьте меня если я ошибаюсь, это ведь просто изменение opacity между двумя картинками? Почему так много букв?
+8
Мне кажется, что было бы проще так:
$(#menu li).hover ( function() {$(#menu li).animate({новый фон},500);},
function(){$(this).find("span").animate({старый фон},500);});
+3
Эффект нравится, только забавно что они (Dragon Interactive) имея всего 3 сайта в портфолио, во все три этот эффект пихают :)
«Служил Гаврила почтальоном, Гаврила письма разносил» © :)
«Служил Гаврила почтальоном, Гаврила письма разносил» © :)
0
Причём видно даже рост мастерства.
Буллспот — нет .stop() и можно делать иллюминацию
Гёрлгеймер — как у себя
Нойзфрик — сделали реально крутое меню
Буллспот — нет .stop() и можно делать иллюминацию
Гёрлгеймер — как у себя
Нойзфрик — сделали реально крутое меню
0
по-моему любой фронт-энд девелопер такую «приколюху» делал. просто она не такая клёвая, как кажется в первый раз.
+3
Простите, а где можно научиться пару строчек кода расписать на 5 экранов? А то у меня всё коротенько получается очень. А если серьёзно, то с таких менюшек я начинал изучение Flash 3 в далёкие бородатые, даже круглые тенюшки вспомнил как на noisefreak. Видимо всё снова возвращается, только технология немного меняется. Кстати еще можно добавить bounce эффект, так что-бы подпрыгивало. Код на jq не могу привести как-то я попривык писать на чистом js.
+2
Анимированное меню — ничто по сравнению с этим:
![](https://habrastorage.org/r/w1560/getpro/habr/comment_images/9a5/05b/c5d/9a505bc5d1ea06b28bd41fa114d77468.png)
Поясняю — заголовок текстовый, скрин сделан в ИЕ6 (в опере 9 и хроме выглядит идентично), яваскриптом генерируется под 40 заголовков «Our Identity Package», образующие градиент, блик и тень. По-моему круто.
![](https://habrastorage.org/getpro/habr/comment_images/9a5/05b/c5d/9a505bc5d1ea06b28bd41fa114d77468.png)
Поясняю — заголовок текстовый, скрин сделан в ИЕ6 (в опере 9 и хроме выглядит идентично), яваскриптом генерируется под 40 заголовков «Our Identity Package», образующие градиент, блик и тень. По-моему круто.
+1
UFO just landed and posted this here
1. Сохранение семантики. Ни единого лишнего тега в тексте страницы:
2. Отсутствие заморочек с генерацией замещающих картинок — хоть вручную, хоть скриптом.
<h2 class="rainbows">Our Identity Package</h2>
<h3>Comprehensive Branding Solutions</h3>
2. Отсутствие заморочек с генерацией замещающих картинок — хоть вручную, хоть скриптом.
+1
По-моему, грузит процессор.
Круто, но когда сидишь не на PII. Да и CSS3 это всё вытеснит.
Круто, но когда сидишь не на PII. Да и CSS3 это всё вытеснит.
0
Делал подобное на prom-k.ru/
Посмотрите. Тоже используется opacity.
Посмотрите. Тоже используется opacity.
0
У них в Labs есть абсолютно замечательная реализация логин формы.
+2
подскажите а как сделать чтоб на выбраной странице пунк меню оставался подсвеченным?
0
Sign up to leave a comment.
Анимированные меню на jQuery