JavaScript-эффект перемещения области div влево / вправо после события нажатия на элемент?

Question

У меня есть вопрос, касающийся Javascript: я хочу иметь такой же эффект перемещения фотографий влево / вправо, как flickr на его странице (пожалуйста, сравните заголовок на их странице http://www.flickr.com,, если вы нажмете одну точек под картинкой).

Если вы покажете мне, как это сделать с помощью чистого JavaScript, CSS или JavaScript-фреймворка, jQuery, это будет очень полезно для меня!

Заранее спасибо, Jonas

Answer 1

С помощью jQuery вы можете использовать функцию animate для анимации набора свойств CSS. Например, чтобы переместить элемент на 100 пикселей влево, требуется 1000 мс (1 секунда) для выполнения анимации:

$("#elementId").animate({
        marginLeft: "-=100"
    }, 1000, function() {
        //Complete
    }
);

См. эту скрипку для рабочего примера.