Страница 1 из 1

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

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

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

Заранее благодарен.

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

СообщениеДобавлено: 22 май 2011, 23:13
admin
Вам нужно что стрелка состояла из таблицы и трёх строк по одному столбцу, в первом столбце верхняя стрелка, в среднем - линия, в нижнем - нижняя стрелка, при наведении курсора - вторая строка со столбцом и с линией уменьшается до определённых размеров.

События наведения мыши - http://slyweb.ru/jquerydoc/mouseover-fn.php, анимированное изменение высоты - http://slyweb.ru/jquerydoc/animate-para ... llback.php