Slyweb
На разработку сайта! Скидки 50%!

Уменьшение стрелки

Вы можете задавать любые вопросы по jQuery.

Уменьшение стрелки

Сообщение CocoDen » 22 май 2011, 20:37

Доброго времени суток! Я совсем новичок jQuery, поэтому хочу спросить у знающих людей, скорее всего, это плёвое дело, но всё-таки... Необходимо сделать следующее: чтобы при наведении курсора на картинку, нижняя стрелка оставалась на месте, а верхняя - уменьшалась до ссылки, но при убирании курсора всё должно стать как прежде, желательно, чтобы была анимация стрелки.
Как лучше это реализовать на практике?

Вот как надо сделать:
Изображение

Заранее благодарен.
CocoDen
 
Сообщения: 1
Зарегистрирован: 22 май 2011, 20:35

Re: Уменьшение стрелки

Сообщение admin » 22 май 2011, 23:13

Вам нужно что стрелка состояла из таблицы и трёх строк по одному столбцу, в первом столбце верхняя стрелка, в среднем - линия, в нижнем - нижняя стрелка, при наведении курсора - вторая строка со столбцом и с линией уменьшается до определённых размеров.

События наведения мыши - http://slyweb.ru/jquerydoc/mouseover-fn.php, анимированное изменение высоты - http://slyweb.ru/jquerydoc/animate-para ... llback.php
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron