Я бы предложил использовать атрибуты данных, такие как data-start-color="#CCCCCC"
, data-end-color
, data-over-time="100"
, data-out-time
.
Тогда вы могли бы использовать одну функцию для всех квадратов.Нечто подобное (извините, я не проверял это на вашей странице):
$('.square').hover(
function() {
$(this).stop().animate({ backgroundColor: $(this).data('end-color') }, $(this).data('over-time'));
},
function() {
$(this).stop().animate({ backgroundColor: $(this).data('start-color') }, $(this).data('out-time'));
}
)