Как сделать чтобы в месте моего клика мышью появлялся элемент?

Question

[Вячеслав Мулюкин]

У меня есть объект круг
И когда я в нем кликаю мышкой на местах клика должны появляться кружочки ни несколько секунд и пропадать.
Как это можно реализовать?

Answer 1

[Марк]

Например, так: codepen.io/andreasstorm/pen/rHDjf

Там CoffeeScript, на JS будет что-то вроде:

$('html').on('mousedown', function (e) {
        $('i').addClass('active').css('left', e.pageX).css('top', e.pageY);
        $('span').html('X:' + e.pageX + 'px  Y:' + e.pageY);
});
$('i').bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () {
        $('i').removeClass('active');
});

Вторая часть (transitionend webkitTransitionEnd...) нужна, чтобы после завершения анимации спрятать элемент.

Вот еще похожий пример: codepen.io/JesGraPa/pen/pvgOQM

Answer 2

[Евгений Петров]

Легкотня тык пык.