Добрый день/вечер.
На мой взгляд, достаточно сложный вопрос. Имеется div
, нужно для jquery события hover прописать animate
изменение высоты, ширины и позиции (top
и left
), когда же блок теряет курсор возвращать высоту, ширину и позицию обратно. В общем-то с этим проблемы нет, вот как я это сделал:
$('#button').hover(function () {
$('#button').animate({
width: '+=20px',
height: '+=20px',
left: '-=10px',
top: '-=10px'
}, 200);
}, function () {
$('#button').animate({
width: '-=20px',
height: '-=20px',
left: '+=10px',
top: '+=10px'
}, 200);
})
Собственно вот в чем вопрос: мне нужно изменять все величины не в пикселях, а в процентах. Помогите, пожалуйста.
P.S. Немного поясню, зачем нужно позиционирование: блок увеличивается, а его центральная точка остается неизменной. Как-то так.
Пример: http://jsfiddle.net/2ZHzR/10/