Показать сообщение отдельно
  #1 (permalink)  
Старый 24.05.2014, 21:15
Интересующийся
Отправить личное сообщение для Davert Tanz Посмотреть профиль Найти все сообщения от Davert Tanz
 
Регистрация: 20.01.2014
Сообщений: 13

Функция hover (jQuery)
Вот написал небольшой код - при наведении на блок правая часть удлиняется, а левому присваивается класс с тенью (небольшое подсвечивание).
В Firefox работает корректно. А в Chrome и Опере - при отведении мышки, блок не возвращается в исходное положение, а при дальнейшем наведении - продолжает возрастать в ширину из-за добавления падинга. И только спустя время начинает дорабатывать анимацию, которая не проигрывалась сразу, но его длина остается уже такой, какой стала.

function hoverServices() {
	$('.selected').hover( function() {
		$('#works > div:hover').animate( {
			'margin-left' : '-=25px'
		}, 300);
		$('#works > div:hover .caption').addClass('hoverServices');
		$('#works > div:hover .description').animate( {
			'padding-left' : '+=25px'
		}, 300);
	}, function() {
		$('#works > div:hover').animate( {
			'margin-left' : '+=25px'
		}, 300);
		$('#works > div:hover .caption').removeClass('hoverServices');
		$('#works > div:hover .description').animate( {
			'padding-left' : '-=25px'
		}, 300);
	});
};
Ответить с цитированием