Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Анимация по css

Обсуждение темы Анимация по css в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте, уважаемые участники! Хотел поинтересоваться таким вопросом: есть сайт, на нём ссылки пунктов меню. при наведении меняется размер ссылки и передвигается фоновая картинка ...


Закрытая тема
 
Опции темы
Старый 11.12.2010, 12:03   #1
Здравствуйте, уважаемые участники!
Хотел поинтересоваться таким вопросом: есть сайт, на нём ссылки пунктов меню. при наведении меняется размер ссылки и передвигается фоновая картинка в поле зрения (http://wb.web-consent.ru/ - вот тут). Хотелось бы сделать так, чтобы при наведении и убирании курсора картинка объект изменялся плавно. Понимаю, что надо использовать ява-скрипт, но тут проблемы - мало опыта. искал по интернету - попадалось нечто похожее на jquery, но это исключено, так как на сайте уже mootools используется. и отсюда вопрос: как реализовать то, что я хочу, не меняя html и css, только подключив скрипт на mootools или скрипт без фреймворка?
 
Старый 11.12.2010, 12:03
Ссылки
Старый 13.12.2010, 13:53   #2
Не понимаю, почему вам не хочется использовать js с jQuerry и mootools? Не слышал, чтобы они были несовместимы. Но если есть свои причины, то на самом деле это не очень маленький код. Смысл его состоит в то, чтобы..
есть несколько вариантов - посложнее, но эффектнее, полегче, но похуже. Самое простое наверное - это гладкое изменение opacity, и то с кросбраузерностью заморочки. Вряд ли бесплатно кто тут будет вам писать.
Могу посоветовать только вот что - на самом деле и так неплохо смотрится, это будет лишнее (гладкая анимация придаст неудобство в навигации - придется ждать, пока предыдущее исчезнет, пользователь уже переместит курсор, то только начнет выползать, потом передумает.. я не в восторге от таких вещей). Но если делают - обычно на флеш это проще всего, но раз вы не хотите jQuerry подключть, то о флеше я молчу
 
Старый 13.12.2010, 15:59   #3
Цитата:
Сообщение от iDeViL Посмотреть сообщение
js с jQuerry и mootools? Не слышал, чтобы они были несовместимы.
они несовместимы без костылей jquery noconflict
Цитата:
Самое простое наверное - это гладкое изменение opacity
самое простое - это поменять класс элемента по событию hover указав для активного класса бекграунд-картинку в таблице стилей
Цитата:
Вряд ли бесплатно кто тут будет вам писать.
- работы на 5 минут для спеца и на 15 для дилетанта